|
|
@@ -1,422 +1,270 @@
|
|
|
<template>
|
|
|
-<!-- 用户-用户列表 -->
|
|
|
- <div>
|
|
|
- <Card :bordered="false" dis-hover class="ivu-mt" :padding="0">
|
|
|
- <div class="padding-add">
|
|
|
- <!-- 筛选条件 -->
|
|
|
- <Form
|
|
|
- ref="userFrom"
|
|
|
- :model="userFrom"
|
|
|
- :label-width="labelWidth"
|
|
|
- :label-position="labelPosition"
|
|
|
- @submit.native.prevent
|
|
|
- >
|
|
|
- <Row :gutter="24">
|
|
|
- <Col span="18">
|
|
|
- <Row>
|
|
|
- <Col span="24">
|
|
|
- <Row>
|
|
|
- <Col v-bind="grid">
|
|
|
- <FormItem label="用户搜索：" label-for="nickname">
|
|
|
- <Input
|
|
|
- v-model="userFrom.nickname"
|
|
|
- placeholder="请输入"
|
|
|
- element-id="nickname"
|
|
|
- clearable
|
|
|
- class="input-add"
|
|
|
- >
|
|
|
- <Select
|
|
|
- v-model="field_key"
|
|
|
- slot="prepend"
|
|
|
- style="width: 80px"
|
|
|
- >
|
|
|
- <Option value="all">全部</Option>
|
|
|
- <Option value="uid">UID</Option>
|
|
|
- <Option value="phone">手机号</Option>
|
|
|
- <Option value="nickname">用户昵称</Option>
|
|
|
- </Select>
|
|
|
- </Input>
|
|
|
- </FormItem>
|
|
|
- </Col>
|
|
|
- </Row>
|
|
|
- </Col>
|
|
|
- </Row>
|
|
|
- </Col>
|
|
|
- <template v-if="collapse">
|
|
|
- <Col span="18">
|
|
|
- <Row>
|
|
|
- <Col v-bind="grid">
|
|
|
- <FormItem label="用户分组：" label-for="group_id">
|
|
|
- <Select
|
|
|
- v-model="userFrom.group_id"
|
|
|
- placeholder="请选择"
|
|
|
- element-id="group_id"
|
|
|
- clearable
|
|
|
- class="input-add"
|
|
|
- >
|
|
|
- <Option value="">全部</Option>
|
|
|
- <Option
|
|
|
- :value="item.id"
|
|
|
- v-for="(item, index) in groupList"
|
|
|
- :key="index"
|
|
|
- >{{ item.group_name }}</Option
|
|
|
- >
|
|
|
- </Select>
|
|
|
- </FormItem>
|
|
|
- </Col>
|
|
|
- <Col v-bind="grid">
|
|
|
- <FormItem label="用户标签：" label-for="label_id">
|
|
|
- <div
|
|
|
- class="labelInput acea-row row-between-wrapper input-add"
|
|
|
- @click="openLabelList"
|
|
|
- >
|
|
|
- <div>
|
|
|
- <div v-if="dataLabel.length">
|
|
|
- <Tag
|
|
|
- closable
|
|
|
- v-for="(item, index) in dataLabel"
|
|
|
- :key="index"
|
|
|
- @on-close="closeLabel(item)"
|
|
|
- >{{ item.label_name }}</Tag
|
|
|
- >
|
|
|
- </div>
|
|
|
- <span class="span" v-else>请选择</span>
|
|
|
- </div>
|
|
|
- <div class="iconfont iconxiayi"></div>
|
|
|
- </div>
|
|
|
- </FormItem>
|
|
|
- </Col>
|
|
|
- <Col v-bind="grid">
|
|
|
- <FormItem label="性别：" label-for="sex">
|
|
|
- <Select
|
|
|
- v-model="userFrom.sex"
|
|
|
- placeholder="请选择"
|
|
|
- clearable
|
|
|
- class="input-add"
|
|
|
- >
|
|
|
- <Option value="">全部</Option>
|
|
|
- <Option value="1">男</Option>
|
|
|
- <Option value="2">女</Option>
|
|
|
- <Option value="0">未知</Option>
|
|
|
- </Select>
|
|
|
- </FormItem>
|
|
|
- </Col>
|
|
|
- </Row>
|
|
|
- </Col>
|
|
|
- <Col span="18">
|
|
|
- <Row>
|
|
|
- <Col v-bind="grid">
|
|
|
- <FormItem label="会员等级：" label-for="level">
|
|
|
- <Select
|
|
|
- v-model="userFrom.level"
|
|
|
- placeholder="请选择"
|
|
|
- element-id="level"
|
|
|
- clearable
|
|
|
- class="input-add"
|
|
|
- >
|
|
|
- <Option value="">全部</Option>
|
|
|
- <Option
|
|
|
- :value="item.id"
|
|
|
- v-for="(item, index) in levelList"
|
|
|
- :key="index"
|
|
|
- >{{ item.name }}</Option
|
|
|
- >
|
|
|
- </Select>
|
|
|
- </FormItem>
|
|
|
- </Col>
|
|
|
- <Col v-bind="grid">
|
|
|
- <FormItem label="付费会员：" label-for="isMember">
|
|
|
- <Select
|
|
|
- v-model="userFrom.isMember"
|
|
|
- placeholder="请选择"
|
|
|
- clearable
|
|
|
- class="input-add"
|
|
|
- >
|
|
|
- <Option value="">全部</Option>
|
|
|
- <Option value="1">是</Option>
|
|
|
- <Option value="0">否</Option>
|
|
|
- </Select>
|
|
|
- </FormItem>
|
|
|
- </Col>
|
|
|
- <Col v-bind="grid">
|
|
|
- <FormItem label="身份：">
|
|
|
- <Select
|
|
|
- v-model="userFrom.is_promoter"
|
|
|
- placeholder="请选择"
|
|
|
- clearable
|
|
|
- class="input-add"
|
|
|
- >
|
|
|
- <Option value="">全部</Option>
|
|
|
- <Option value="1">推广员</Option>
|
|
|
- <Option value="0">普通用户</Option>
|
|
|
- </Select>
|
|
|
- </FormItem>
|
|
|
- </Col>
|
|
|
- </Row>
|
|
|
- </Col>
|
|
|
+ <!-- 用户-用户列表 -->
|
|
|
+ <div>
|
|
|
+ <Card :bordered="false" dis-hover class="ivu-mt" :padding="0">
|
|
|
+ <div class="padding-add">
|
|
|
+ <!-- 筛选条件 -->
|
|
|
+ <Form ref="userFrom" :model="userFrom" :label-width="labelWidth" :label-position="labelPosition"
|
|
|
+ @submit.native.prevent>
|
|
|
+ <Row :gutter="24">
|
|
|
+ <Col span="18">
|
|
|
+ <Row>
|
|
|
+ <Col span="24">
|
|
|
+ <Row>
|
|
|
+ <Col v-bind="grid">
|
|
|
+ <FormItem label="用户搜索：" label-for="nickname">
|
|
|
+ <Input v-model="userFrom.nickname" placeholder="请输入" element-id="nickname" clearable
|
|
|
+ class="input-add">
|
|
|
+ <Select v-model="field_key" slot="prepend" style="width: 80px">
|
|
|
+ <Option value="all">全部</Option>
|
|
|
+ <Option value="uid">UID</Option>
|
|
|
+ <Option value="phone">手机号</Option>
|
|
|
+ <Option value="nickname">用户昵称</Option>
|
|
|
+ </Select>
|
|
|
+ </Input>
|
|
|
+ </FormItem>
|
|
|
+ </Col>
|
|
|
+ </Row>
|
|
|
+ </Col>
|
|
|
+ </Row>
|
|
|
+ </Col>
|
|
|
+ <template v-if="collapse">
|
|
|
+ <Col span="18">
|
|
|
+ <Row>
|
|
|
+ <Col v-bind="grid">
|
|
|
+ <FormItem label="用户分组：" label-for="group_id">
|
|
|
+ <Select v-model="userFrom.group_id" placeholder="请选择" element-id="group_id"
|
|
|
+ clearable class="input-add">
|
|
|
+ <Option value="">全部</Option>
|
|
|
+ <Option :value="item.id" v-for="(item, index) in groupList" :key="index">
|
|
|
+ {{ item.group_name }}</Option>
|
|
|
+ </Select>
|
|
|
+ </FormItem>
|
|
|
+ </Col>
|
|
|
+ <Col v-bind="grid">
|
|
|
+ <FormItem label="用户标签：" label-for="label_id">
|
|
|
+ <div class="labelInput acea-row row-between-wrapper input-add"
|
|
|
+ @click="openLabelList">
|
|
|
+ <div>
|
|
|
+ <div v-if="dataLabel.length">
|
|
|
+ <Tag closable v-for="(item, index) in dataLabel" :key="index"
|
|
|
+ @on-close="closeLabel(item)">{{ item.label_name }}</Tag>
|
|
|
+ </div>
|
|
|
+ <span class="span" v-else>请选择</span>
|
|
|
+ </div>
|
|
|
+ <div class="iconfont iconxiayi"></div>
|
|
|
+ </div>
|
|
|
+ </FormItem>
|
|
|
+ </Col>
|
|
|
+ <Col v-bind="grid">
|
|
|
+ <FormItem label="性别：" label-for="sex">
|
|
|
+ <Select v-model="userFrom.sex" placeholder="请选择" clearable class="input-add">
|
|
|
+ <Option value="">全部</Option>
|
|
|
+ <Option value="1">男</Option>
|
|
|
+ <Option value="2">女</Option>
|
|
|
+ <Option value="0">未知</Option>
|
|
|
+ </Select>
|
|
|
+ </FormItem>
|
|
|
+ </Col>
|
|
|
+ </Row>
|
|
|
+ </Col>
|
|
|
+ <Col span="18">
|
|
|
+ <Row>
|
|
|
+ <Col v-bind="grid">
|
|
|
+ <FormItem label="会员等级：" label-for="level">
|
|
|
+ <Select v-model="userFrom.level" placeholder="请选择" element-id="level" clearable
|
|
|
+ class="input-add">
|
|
|
+ <Option value="">全部</Option>
|
|
|
+ <Option :value="item.id" v-for="(item, index) in levelList" :key="index">
|
|
|
+ {{ item.name }}</Option>
|
|
|
+ </Select>
|
|
|
+ </FormItem>
|
|
|
+ </Col>
|
|
|
+ <Col v-bind="grid">
|
|
|
+ <FormItem label="付费会员：" label-for="isMember">
|
|
|
+ <Select v-model="userFrom.isMember" placeholder="请选择" clearable class="input-add">
|
|
|
+ <Option value="">全部</Option>
|
|
|
+ <Option value="1">是</Option>
|
|
|
+ <Option value="0">否</Option>
|
|
|
+ </Select>
|
|
|
+ </FormItem>
|
|
|
+ </Col>
|
|
|
+ <Col v-bind="grid">
|
|
|
+ <FormItem label="身份：">
|
|
|
+ <Select v-model="userFrom.is_promoter" placeholder="请选择" clearable
|
|
|
+ class="input-add">
|
|
|
+ <Option value="">全部</Option>
|
|
|
+ <Option value="1">推广员</Option>
|
|
|
+ <Option value="0">普通用户</Option>
|
|
|
+ </Select>
|
|
|
+ </FormItem>
|
|
|
+ </Col>
|
|
|
+ </Row>
|
|
|
+ </Col>
|
|
|
|
|
|
- <Col span="18">
|
|
|
- <Row>
|
|
|
- <Col v-bind="grid" class="dateMedia">
|
|
|
- <FormItem label="访问时间：" label-for="user_time">
|
|
|
- <DatePicker
|
|
|
- :editable="false"
|
|
|
- @on-change="onchangeTime"
|
|
|
- :value="timeVal"
|
|
|
- format="yyyy/MM/dd"
|
|
|
- type="daterange"
|
|
|
- placement="bottom-start"
|
|
|
- placeholder="自定义时间"
|
|
|
- :options="options"
|
|
|
- class="input-add"
|
|
|
- ></DatePicker>
|
|
|
- </FormItem>
|
|
|
- </Col>
|
|
|
- <Col v-bind="grid">
|
|
|
- <FormItem label="访问情况：" label-for="user_time_type">
|
|
|
- <Select
|
|
|
- v-model="userFrom.user_time_type"
|
|
|
- placeholder="请选择"
|
|
|
- element-id="user_time_type"
|
|
|
- clearable
|
|
|
- class="input-add"
|
|
|
- >
|
|
|
- <Option value="all">全部</Option>
|
|
|
- <Option value="visitno">时间段未访问</Option>
|
|
|
- <Option value="visit">时间段访问过</Option>
|
|
|
- <Option value="add_time">首次访问</Option>
|
|
|
- </Select>
|
|
|
- </FormItem>
|
|
|
- </Col>
|
|
|
- <Col v-bind="grid">
|
|
|
- <FormItem label="下单次数：" label-for="pay_count">
|
|
|
- <Select
|
|
|
- v-model="userFrom.pay_count"
|
|
|
- placeholder="请选择"
|
|
|
- element-id="pay_count"
|
|
|
- clearable
|
|
|
- class="input-add"
|
|
|
- >
|
|
|
- <Option value="">全部</Option>
|
|
|
- <Option value="-1">0次</Option>
|
|
|
- <Option value="0">1次以上</Option>
|
|
|
- <Option value="1">2次以上</Option>
|
|
|
- <Option value="2">3次以上</Option>
|
|
|
- <Option value="3">4次以上</Option>
|
|
|
- <Option value="4">5次以上</Option>
|
|
|
- </Select>
|
|
|
- </FormItem>
|
|
|
- </Col>
|
|
|
- </Row>
|
|
|
- </Col>
|
|
|
- <Col span="18">
|
|
|
- <Row>
|
|
|
- <Col v-bind="grid">
|
|
|
- <FormItem label="国家：" label-for="country">
|
|
|
- <Select
|
|
|
- v-model="userFrom.country"
|
|
|
- placeholder="请选择"
|
|
|
- element-id="country"
|
|
|
- clearable
|
|
|
- @on-change="changeCountry"
|
|
|
- class="input-add"
|
|
|
- >
|
|
|
- <Option value="">全部</Option>
|
|
|
- <Option value="domestic">中国</Option>
|
|
|
- <Option value="abroad">其他</Option>
|
|
|
- </Select>
|
|
|
- </FormItem>
|
|
|
- </Col>
|
|
|
- <Col v-bind="grid" v-if="userFrom.country === 'domestic'">
|
|
|
- <FormItem label="省份：">
|
|
|
- <Cascader
|
|
|
- :data="addresData"
|
|
|
- :value="address"
|
|
|
- v-model="address"
|
|
|
- @on-change="handleChange"
|
|
|
- class="input-add"
|
|
|
- ></Cascader>
|
|
|
- </FormItem>
|
|
|
- </Col>
|
|
|
- </Row>
|
|
|
- </Col>
|
|
|
+ <Col span="18">
|
|
|
+ <Row>
|
|
|
+ <Col v-bind="grid" class="dateMedia">
|
|
|
+ <FormItem label="访问时间：" label-for="user_time">
|
|
|
+ <DatePicker :editable="false" @on-change="onchangeTime" :value="timeVal"
|
|
|
+ format="yyyy/MM/dd" type="daterange" placement="bottom-start"
|
|
|
+ placeholder="自定义时间" :options="options" class="input-add"></DatePicker>
|
|
|
+ </FormItem>
|
|
|
+ </Col>
|
|
|
+ <Col v-bind="grid">
|
|
|
+ <FormItem label="访问情况：" label-for="user_time_type">
|
|
|
+ <Select v-model="userFrom.user_time_type" placeholder="请选择"
|
|
|
+ element-id="user_time_type" clearable class="input-add">
|
|
|
+ <Option value="all">全部</Option>
|
|
|
+ <Option value="visitno">时间段未访问</Option>
|
|
|
+ <Option value="visit">时间段访问过</Option>
|
|
|
+ <Option value="add_time">首次访问</Option>
|
|
|
+ </Select>
|
|
|
+ </FormItem>
|
|
|
+ </Col>
|
|
|
+ <Col v-bind="grid">
|
|
|
+ <FormItem label="下单次数：" label-for="pay_count">
|
|
|
+ <Select v-model="userFrom.pay_count" placeholder="请选择" element-id="pay_count"
|
|
|
+ clearable class="input-add">
|
|
|
+ <Option value="">全部</Option>
|
|
|
+ <Option value="-1">0次</Option>
|
|
|
+ <Option value="0">1次以上</Option>
|
|
|
+ <Option value="1">2次以上</Option>
|
|
|
+ <Option value="2">3次以上</Option>
|
|
|
+ <Option value="3">4次以上</Option>
|
|
|
+ <Option value="4">5次以上</Option>
|
|
|
+ </Select>
|
|
|
+ </FormItem>
|
|
|
+ </Col>
|
|
|
+ </Row>
|
|
|
+ </Col>
|
|
|
+ <Col span="18">
|
|
|
+ <Row>
|
|
|
+ <Col v-bind="grid">
|
|
|
+ <FormItem label="国家：" label-for="country">
|
|
|
+ <Select v-model="userFrom.country" placeholder="请选择" element-id="country" clearable
|
|
|
+ @on-change="changeCountry" class="input-add">
|
|
|
+ <Option value="">全部</Option>
|
|
|
+ <Option value="domestic">中国</Option>
|
|
|
+ <Option value="abroad">其他</Option>
|
|
|
+ </Select>
|
|
|
+ </FormItem>
|
|
|
+ </Col>
|
|
|
+ <Col v-bind="grid" v-if="userFrom.country === 'domestic'">
|
|
|
+ <FormItem label="省份：">
|
|
|
+ <Cascader :data="addresData" :value="address" v-model="address"
|
|
|
+ @on-change="handleChange" class="input-add"></Cascader>
|
|
|
+ </FormItem>
|
|
|
+ </Col>
|
|
|
+ </Row>
|
|
|
+ </Col>
|
|
|
|
|
|
- </template>
|
|
|
- <Col span="6" class="ivu-text-right userFrom">
|
|
|
- <FormItem>
|
|
|
- <Button
|
|
|
- type="primary"
|
|
|
- label="default"
|
|
|
- class="mr15"
|
|
|
- @click="userSearchs"
|
|
|
- >搜索</Button
|
|
|
- >
|
|
|
- <Button class="ResetSearch" @click="reset('userFrom')"
|
|
|
- >重置</Button
|
|
|
- >
|
|
|
- <a v-font="14" class="ivu-ml-8" @click="collapse = !collapse">
|
|
|
- <template v-if="!collapse">
|
|
|
- 展开 <Icon type="ios-arrow-down" />
|
|
|
- </template>
|
|
|
- <template v-else>
|
|
|
- 收起 <Icon type="ios-arrow-up" />
|
|
|
- </template>
|
|
|
- </a>
|
|
|
- </FormItem>
|
|
|
- </Col>
|
|
|
- </Row>
|
|
|
- </Form>
|
|
|
- </div>
|
|
|
- </Card>
|
|
|
- <Card :bordered="false" dis-hover class="ivu-mt listbox">
|
|
|
- <div class="new_tab">
|
|
|
- <!-- Tab栏切换 -->
|
|
|
- <Tabs @on-click="onClickTab">
|
|
|
- <TabPane
|
|
|
- :label="item.name"
|
|
|
- :name="item.type"
|
|
|
- v-for="(item, index) in headeNum"
|
|
|
- :key="index"
|
|
|
- />
|
|
|
- </Tabs>
|
|
|
- </div>
|
|
|
- <Row type="flex" justify="space-between">
|
|
|
- <!-- 相关操作 -->
|
|
|
- <Col span="24">
|
|
|
- <Button
|
|
|
- v-auth="['admin-user-save']"
|
|
|
- type="primary"
|
|
|
- class="mr20"
|
|
|
- @click="save"
|
|
|
- >添加用户</Button
|
|
|
- >
|
|
|
- <Tooltip
|
|
|
- content="本页至少选中一项"
|
|
|
- :disabled="!!selectionList.length"
|
|
|
- >
|
|
|
- <Button
|
|
|
- v-auth="['admin-user-coupon']"
|
|
|
- type="primary"
|
|
|
- class="mr20"
|
|
|
- :disabled="!selectionList.length"
|
|
|
- @click="onSend"
|
|
|
- >发送优惠券</Button
|
|
|
- >
|
|
|
- </Tooltip>
|
|
|
- <Button
|
|
|
- v-auth="['admin-wechat-news']"
|
|
|
- class="greens mr20"
|
|
|
- size="default"
|
|
|
- @click="onSendPic"
|
|
|
- v-if="userFrom.user_type === 'wechat'"
|
|
|
- >
|
|
|
- <Icon type="md-list"></Icon>
|
|
|
- 发送图文消息
|
|
|
- </Button>
|
|
|
- <Tooltip
|
|
|
- content="本页至少选中一项"
|
|
|
- :disabled="!!selectionList.length"
|
|
|
- >
|
|
|
- <Button
|
|
|
- v-auth="['admin-user-group_set']"
|
|
|
- class="mr20"
|
|
|
- :disabled="!selectionList.length"
|
|
|
- @click="setGroup"
|
|
|
- >批量设置分组</Button
|
|
|
- >
|
|
|
- </Tooltip>
|
|
|
- <Tooltip
|
|
|
- content="本页至少选中一项"
|
|
|
- :disabled="!!selectionList.length"
|
|
|
- >
|
|
|
- <Button
|
|
|
- v-auth="['admin-user-set_label']"
|
|
|
- class="mr20"
|
|
|
- :disabled="!selectionList.length"
|
|
|
- @click="setLabel"
|
|
|
- >批量设置标签</Button
|
|
|
- >
|
|
|
- </Tooltip>
|
|
|
- <!--<Button v-auth="['admin-user-synchro']" class="mr20" @click="synchro"-->
|
|
|
- <!-->同步公众号用户</Button-->
|
|
|
- <!-->-->
|
|
|
- </Col>
|
|
|
- <!-- <Col span="24" class="userAlert" v-if="selectionList.length">
|
|
|
+ </template>
|
|
|
+ <Col span="6" class="ivu-text-right userFrom">
|
|
|
+ <FormItem>
|
|
|
+ <Button type="primary" label="default" class="mr15" @click="userSearchs">搜索</Button>
|
|
|
+ <Button class="ResetSearch" @click="reset('userFrom')">重置</Button>
|
|
|
+ <a v-font="14" class="ivu-ml-8" @click="collapse = !collapse">
|
|
|
+ <template v-if="!collapse">
|
|
|
+ 展开
|
|
|
+ <Icon type="ios-arrow-down" />
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ 收起
|
|
|
+ <Icon type="ios-arrow-up" />
|
|
|
+ </template>
|
|
|
+ </a>
|
|
|
+ </FormItem>
|
|
|
+ </Col>
|
|
|
+ </Row>
|
|
|
+ </Form>
|
|
|
+ </div>
|
|
|
+ </Card>
|
|
|
+ <Card :bordered="false" dis-hover class="ivu-mt listbox">
|
|
|
+ <div class="new_tab">
|
|
|
+ <!-- Tab栏切换 -->
|
|
|
+ <Tabs @on-click="onClickTab">
|
|
|
+ <TabPane :label="item.name" :name="item.type" v-for="(item, index) in headeNum" :key="index" />
|
|
|
+ </Tabs>
|
|
|
+ </div>
|
|
|
+ <Row type="flex" justify="space-between">
|
|
|
+ <!-- 相关操作 -->
|
|
|
+ <Col span="24">
|
|
|
+ <Button v-auth="['admin-user-save']" type="primary" class="mr20" @click="save">添加用户</Button>
|
|
|
+ <Tooltip content="本页至少选中一项" :disabled="!!selectionList.length">
|
|
|
+ <Button v-auth="['admin-user-coupon']" type="primary" class="mr20" :disabled="!selectionList.length"
|
|
|
+ @click="onSend">发送优惠券</Button>
|
|
|
+ </Tooltip>
|
|
|
+ <Button v-auth="['admin-wechat-news']" class="greens mr20" size="default" @click="onSendPic"
|
|
|
+ v-if="userFrom.user_type === 'wechat'">
|
|
|
+ <Icon type="md-list"></Icon>
|
|
|
+ 发送图文消息
|
|
|
+ </Button>
|
|
|
+ <Tooltip content="本页至少选中一项" :disabled="!!selectionList.length">
|
|
|
+ <Button v-auth="['admin-user-group_set']" class="mr20" :disabled="!selectionList.length"
|
|
|
+ @click="setGroup">批量设置分组</Button>
|
|
|
+ </Tooltip>
|
|
|
+ <Tooltip content="本页至少选中一项" :disabled="!!selectionList.length">
|
|
|
+ <Button v-auth="['admin-user-set_label']" class="mr20" :disabled="!selectionList.length"
|
|
|
+ @click="setLabel">批量设置标签</Button>
|
|
|
+ </Tooltip>
|
|
|
+ <!--<Button v-auth="['admin-user-synchro']" class="mr20" @click="synchro"-->
|
|
|
+ <!-->同步公众号用户</Button-->
|
|
|
+ <!-->-->
|
|
|
+ </Col>
|
|
|
+ <!-- <Col span="24" class="userAlert" v-if="selectionList.length">
|
|
|
<Alert show-icon> 已选择<i class="userI"> {{selectionList.length}} </i>项</Alert>
|
|
|
</Col> -->
|
|
|
- </Row>
|
|
|
- <!-- 用户列表表格 -->
|
|
|
- <Table
|
|
|
- :columns="columns"
|
|
|
- :data="userLists"
|
|
|
- class="mt25"
|
|
|
- ref="table"
|
|
|
- highlight-row
|
|
|
- :loading="loading"
|
|
|
- no-userFrom-text="暂无数据"
|
|
|
- no-filtered-userFrom-text="暂无筛选结果"
|
|
|
- @on-selection-change="onSelectTab"
|
|
|
- @on-sort-change="sortChanged"
|
|
|
- @on-select-all="selectAll"
|
|
|
- @on-select-all-cancel="selectAll"
|
|
|
- @on-select-cancel="onSelectCancel"
|
|
|
- >
|
|
|
- <template slot-scope="{ row, index }" slot="avatars">
|
|
|
- <viewer>
|
|
|
- <div class="tabBox_img">
|
|
|
- <img v-lazy="row.avatar" />
|
|
|
- </div>
|
|
|
- </viewer>
|
|
|
- </template>
|
|
|
- <template slot-scope="{ row, index }" slot="nickname">
|
|
|
- <div class="acea-row">
|
|
|
- <Icon
|
|
|
- type="md-male"
|
|
|
- v-show="row.sex === '男'"
|
|
|
- color="#2db7f5"
|
|
|
- size="15"
|
|
|
- class="mr5"
|
|
|
- />
|
|
|
- <Icon
|
|
|
- type="md-female"
|
|
|
- v-show="row.sex === '女'"
|
|
|
- color="#ed4014"
|
|
|
- size="15"
|
|
|
- class="mr5"
|
|
|
- />
|
|
|
- <div v-if="row.delete_time != null" style="color:#ed4014;">
|
|
|
+ </Row>
|
|
|
+ <!-- 用户列表表格 -->
|
|
|
+ <Table :columns="columns" :data="userLists" class="mt25" ref="table" highlight-row :loading="loading"
|
|
|
+ no-userFrom-text="暂无数据" no-filtered-userFrom-text="暂无筛选结果" @on-selection-change="onSelectTab"
|
|
|
+ @on-sort-change="sortChanged" @on-select-all="selectAll" @on-select-all-cancel="selectAll"
|
|
|
+ @on-select-cancel="onSelectCancel">
|
|
|
+ <template slot-scope="{ row, index }" slot="avatars">
|
|
|
+ <viewer>
|
|
|
+ <div class="tabBox_img">
|
|
|
+ <img v-lazy="row.avatar" />
|
|
|
+ </div>
|
|
|
+ </viewer>
|
|
|
+ </template>
|
|
|
+ <template slot-scope="{ row, index }" slot="nickname">
|
|
|
+ <div class="acea-row">
|
|
|
+ <Icon type="md-male" v-show="row.sex === '男'" color="#2db7f5" size="15" class="mr5" />
|
|
|
+ <Icon type="md-female" v-show="row.sex === '女'" color="#ed4014" size="15" class="mr5" />
|
|
|
+ <div v-if="row.delete_time != null" style="color:#ed4014;">
|
|
|
{{row.nickname}} (已注销)
|
|
|
</div>
|
|
|
- <div v-else v-text="row.nickname"></div>
|
|
|
- </div>
|
|
|
- <!-- <div v-show="row.vip_name" class="vipName">{{row.vip_name}}</div> -->
|
|
|
- </template>
|
|
|
- <template slot-scope="{ row, index }" slot="isMember">
|
|
|
- <div>{{ row.isMember ? "是" : "否" }}</div>
|
|
|
- </template>
|
|
|
- <template slot-scope="{ row, index }" slot="follow_list">
|
|
|
- <div v-if="row.follow_list">
|
|
|
- <span v-for="(item, index1) in row.follow_list" :key="index1">{{
|
|
|
+ <div v-else v-text="row.nickname"></div>
|
|
|
+ </div>
|
|
|
+ <!-- <div v-show="row.vip_name" class="vipName">{{row.vip_name}}</div> -->
|
|
|
+ </template>
|
|
|
+ <template slot-scope="{ row, index }" slot="isMember">
|
|
|
+ <div>{{ row.isMember ? "是" : "否" }}</div>
|
|
|
+ </template>
|
|
|
+ <template slot-scope="{ row, index }" slot="follow_list">
|
|
|
+ <div v-if="row.follow_list">
|
|
|
+ <span v-for="(item, index1) in row.follow_list" :key="index1">{{
|
|
|
item.member.name
|
|
|
}}</span>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
|
|
|
- <!-- <div>{{ row.isMember ? "是" : "否" }}</div> -->
|
|
|
- </template>
|
|
|
- <!-- <template slot-scope="{ row, index }" slot="status">-->
|
|
|
- <!-- <i-switch v-model="row.status" :value="row.status" :true-value="1" :false-value="0" @on-change="onchangeIsShow(row)" size="large">-->
|
|
|
- <!-- <span slot="open">显示</span>-->
|
|
|
- <!-- <span slot="close">隐藏</span>-->
|
|
|
- <!-- </i-switch>-->
|
|
|
- <!-- </template>-->
|
|
|
- <template slot-scope="{ row, index }" slot="action">
|
|
|
- <span v-if="row.delete_time != null" style="color: #c5c8ce;">编辑</span>
|
|
|
- <a v-else @click="edit(row)">编辑</a>
|
|
|
- <Divider type="vertical" v-if="row.is_extend_info"/>
|
|
|
- <a @click="extendInfo(row)" v-if="row.is_extend_info">信息补充</a>
|
|
|
- <Divider type="vertical" />
|
|
|
- <a @click="changeMenu(row, '1')">详情</a>
|
|
|
- <!-- <template>
|
|
|
+ <!-- <div>{{ row.isMember ? "是" : "否" }}</div> -->
|
|
|
+ </template>
|
|
|
+ <!-- <template slot-scope="{ row, index }" slot="status">-->
|
|
|
+ <!-- <i-switch v-model="row.status" :value="row.status" :true-value="1" :false-value="0" @on-change="onchangeIsShow(row)" size="large">-->
|
|
|
+ <!-- <span slot="open">显示</span>-->
|
|
|
+ <!-- <span slot="close">隐藏</span>-->
|
|
|
+ <!-- </i-switch>-->
|
|
|
+ <!-- </template>-->
|
|
|
+ <template slot-scope="{ row, index }" slot="action">
|
|
|
+ <span v-if="row.delete_time != null" style="color: #c5c8ce;">编辑</span>
|
|
|
+ <a v-else @click="edit(row)">编辑</a>
|
|
|
+ <Divider type="vertical" v-if="row.is_extend_info" />
|
|
|
+ <a @click="extendInfo(row)" v-if="row.is_extend_info">信息补充</a>
|
|
|
+ <Divider type="vertical" />
|
|
|
+ <a @click="changeMenu(row, '1')">详情</a>
|
|
|
+ <!-- <template>
|
|
|
本身就没有等级
|
|
|
<Dropdown @on-click="changeMenu(row, $event, index)">
|
|
|
<a href="javascript:void(0)">
|
|
|
@@ -437,1298 +285,1288 @@
|
|
|
</DropdownMenu>
|
|
|
</Dropdown>
|
|
|
</template> -->
|
|
|
- </template>
|
|
|
- </Table>
|
|
|
- <div class="acea-row row-right page">
|
|
|
- <Page
|
|
|
- :total="total"
|
|
|
- :current="userFrom.page"
|
|
|
- show-elevator
|
|
|
- show-total
|
|
|
- @on-change="pageChange"
|
|
|
- :page-size="userFrom.limit"
|
|
|
- />
|
|
|
- </div>
|
|
|
- </Card>
|
|
|
- <!-- 用户标签 -->
|
|
|
- <Modal
|
|
|
- v-model="labelListShow"
|
|
|
- scrollable
|
|
|
- title="请选择用户标签"
|
|
|
- :closable="false"
|
|
|
- width="320"
|
|
|
- :footer-hide="true"
|
|
|
- :mask-closable="false"
|
|
|
- >
|
|
|
- <labelList
|
|
|
- ref="labelList"
|
|
|
- @activeData="activeData"
|
|
|
- @close="labelListClose"
|
|
|
- ></labelList>
|
|
|
- </Modal>
|
|
|
- <!-- 编辑表单 积分余额-->
|
|
|
- <edit-from
|
|
|
- ref="edits"
|
|
|
- :FromData="FromData"
|
|
|
- :userEdit="1"
|
|
|
- @submitFail="submitFail"
|
|
|
- ></edit-from>
|
|
|
- <!-- 发送优惠券-->
|
|
|
- <send-from
|
|
|
- ref="sends"
|
|
|
- :is-all="isAll"
|
|
|
- :where="userFrom"
|
|
|
- :userIds="user_ids"
|
|
|
- ></send-from>
|
|
|
- <!-- 会员详情-->
|
|
|
- <user-details ref="userDetails" :group-list="groupList"></user-details>
|
|
|
- <!--发送图文消息 -->
|
|
|
- <Modal
|
|
|
- v-model="modal13"
|
|
|
- scrollable
|
|
|
- title="发送消息"
|
|
|
- width="1200"
|
|
|
- height="800"
|
|
|
- footer-hide
|
|
|
- class="modelBox"
|
|
|
- >
|
|
|
- <news-category
|
|
|
- v-if="modal13"
|
|
|
- :isShowSend="isShowSend"
|
|
|
- :userIds="user_ids"
|
|
|
- :scrollerHeight="scrollerHeight"
|
|
|
- :contentTop="contentTop"
|
|
|
- :contentWidth="contentWidth"
|
|
|
- :maxCols="maxCols"
|
|
|
- ></news-category>
|
|
|
- </Modal>
|
|
|
- <!--修改推广人-->
|
|
|
- <Modal
|
|
|
- v-model="promoterShow"
|
|
|
- scrollable
|
|
|
- title="修改推广人"
|
|
|
- class="order_box"
|
|
|
- :closable="false"
|
|
|
- >
|
|
|
- <Form
|
|
|
- ref="formInline"
|
|
|
- :model="formInline"
|
|
|
- :label-width="100"
|
|
|
- @submit.native.prevent
|
|
|
- >
|
|
|
- <FormItem label="用户头像：" prop="image">
|
|
|
- <div class="picBox" @click="customer">
|
|
|
- <div class="pictrue" v-if="formInline.image">
|
|
|
- <img v-lazy="formInline.image" />
|
|
|
- </div>
|
|
|
- <div class="upLoad acea-row row-center-wrapper" v-else>
|
|
|
- <Icon type="ios-camera-outline" size="26" />
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </FormItem>
|
|
|
- </Form>
|
|
|
- <div slot="footer">
|
|
|
- <Button type="primary" @click="putSend('formInline')">提交</Button>
|
|
|
- <Button @click="cancel('formInline')">取消</Button>
|
|
|
- </div>
|
|
|
- </Modal>
|
|
|
- <Modal
|
|
|
- v-model="customerShow"
|
|
|
- scrollable
|
|
|
- title="请选择商城用户"
|
|
|
- :closable="false"
|
|
|
- width="50%"
|
|
|
- >
|
|
|
- <customerInfo
|
|
|
- v-if="customerShow"
|
|
|
- @imageObject="imageObject"
|
|
|
- ></customerInfo>
|
|
|
- </Modal>
|
|
|
- <Modal
|
|
|
- v-model="labelShow"
|
|
|
- scrollable
|
|
|
- title="请选择用户标签"
|
|
|
- :closable="false"
|
|
|
- width="320"
|
|
|
- :footer-hide="true"
|
|
|
- >
|
|
|
- <userLabel :uid="labelActive.uid" @close="labelClose"></userLabel>
|
|
|
- </Modal>
|
|
|
- </div>
|
|
|
+ </template>
|
|
|
+ </Table>
|
|
|
+ <div class="acea-row row-right page">
|
|
|
+ <Page :total="total" :current="userFrom.page" show-elevator show-total @on-change="pageChange"
|
|
|
+ :page-size="userFrom.limit" />
|
|
|
+ </div>
|
|
|
+ </Card>
|
|
|
+ <!-- 用户标签 -->
|
|
|
+ <Modal v-model="labelListShow" scrollable title="请选择用户标签" :closable="false" width="320" :footer-hide="true"
|
|
|
+ :mask-closable="false">
|
|
|
+ <labelList ref="labelList" @activeData="activeData" @close="labelListClose"></labelList>
|
|
|
+ </Modal>
|
|
|
+ <!-- 编辑表单 积分余额-->
|
|
|
+ <edit-from ref="edits" :FromData="FromData" :userEdit="1" @submitFail="submitFail"></edit-from>
|
|
|
+ <!-- 发送优惠券-->
|
|
|
+ <send-from ref="sends" :is-all="isAll" :where="userFrom" :userIds="user_ids"></send-from>
|
|
|
+ <!-- 会员详情-->
|
|
|
+ <user-details ref="userDetails" :group-list="groupList"></user-details>
|
|
|
+ <!--发送图文消息 -->
|
|
|
+ <Modal v-model="modal13" scrollable title="发送消息" width="1200" height="800" footer-hide class="modelBox">
|
|
|
+ <news-category v-if="modal13" :isShowSend="isShowSend" :userIds="user_ids" :scrollerHeight="scrollerHeight"
|
|
|
+ :contentTop="contentTop" :contentWidth="contentWidth" :maxCols="maxCols"></news-category>
|
|
|
+ </Modal>
|
|
|
+ <!--修改推广人-->
|
|
|
+ <Modal v-model="promoterShow" scrollable title="修改推广人" class="order_box" :closable="false">
|
|
|
+ <Form ref="formInline" :model="formInline" :label-width="100" @submit.native.prevent>
|
|
|
+ <FormItem label="用户头像：" prop="image">
|
|
|
+ <div class="picBox" @click="customer">
|
|
|
+ <div class="pictrue" v-if="formInline.image">
|
|
|
+ <img v-lazy="formInline.image" />
|
|
|
+ </div>
|
|
|
+ <div class="upLoad acea-row row-center-wrapper" v-else>
|
|
|
+ <Icon type="ios-camera-outline" size="26" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </FormItem>
|
|
|
+ </Form>
|
|
|
+ <div slot="footer">
|
|
|
+ <Button type="primary" @click="putSend('formInline')">提交</Button>
|
|
|
+ <Button @click="cancel('formInline')">取消</Button>
|
|
|
+ </div>
|
|
|
+ </Modal>
|
|
|
+ <Modal v-model="customerShow" scrollable title="请选择商城用户" :closable="false" width="50%">
|
|
|
+ <customerInfo v-if="customerShow" @imageObject="imageObject"></customerInfo>
|
|
|
+ </Modal>
|
|
|
+ <Modal v-model="labelShow" scrollable title="请选择用户标签" :closable="false" width="320" :footer-hide="true">
|
|
|
+ <userLabel :uid="labelActive.uid" @close="labelClose"></userLabel>
|
|
|
+ </Modal>
|
|
|
+ </div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import userLabel from "../../../components/userLabel";
|
|
|
-import labelList from "@/components/labelList";
|
|
|
-import { mapState } from "vuex";
|
|
|
-import expandRow from "./tableExpand.vue";
|
|
|
-import {
|
|
|
- userList,
|
|
|
- getUserData,
|
|
|
- isShowApi,
|
|
|
- editOtherApi,
|
|
|
- giveLevelApi,
|
|
|
- userSetGroup,
|
|
|
- userGroupApi,
|
|
|
- levelListApi,
|
|
|
- userSetLabelApi,
|
|
|
- userLabelApi,
|
|
|
- userSynchro,
|
|
|
- getUserSaveForm,
|
|
|
- giveLevelTimeApi,
|
|
|
- extendInfo
|
|
|
-} from "@/api/user";
|
|
|
-import { agentSpreadApi } from "@/api/agent";
|
|
|
-import editFrom from "../../../components/from/from";
|
|
|
-import sendFrom from "@/components/sendCoupons/index";
|
|
|
-import userDetails from "./handle/userDetails";
|
|
|
-import newsCategory from "@/components/newsCategory/index";
|
|
|
-import city from "@/utils/city";
|
|
|
-import customerInfo from "@/components/customerInfo";
|
|
|
-export default {
|
|
|
- name: "user_list",
|
|
|
- components: {
|
|
|
- expandRow,
|
|
|
- editFrom,
|
|
|
- sendFrom,
|
|
|
- userDetails,
|
|
|
- newsCategory,
|
|
|
- customerInfo,
|
|
|
- userLabel,
|
|
|
- labelList,
|
|
|
- },
|
|
|
- data() {
|
|
|
- return {
|
|
|
- dataLabel: [],
|
|
|
- labelListShow: false,
|
|
|
- labelShow: false,
|
|
|
- customerShow: false,
|
|
|
- promoterShow: false,
|
|
|
- labelActive: {
|
|
|
- uid: 0,
|
|
|
- },
|
|
|
- formInline: {
|
|
|
- uid: 0,
|
|
|
- spread_uid: 0,
|
|
|
- image: "",
|
|
|
- },
|
|
|
- options: {
|
|
|
- shortcuts: [
|
|
|
- {
|
|
|
- text: "今天",
|
|
|
- value() {
|
|
|
- const end = new Date();
|
|
|
- const start = new Date();
|
|
|
- start.setTime(
|
|
|
- new Date(
|
|
|
- new Date().getFullYear(),
|
|
|
- new Date().getMonth(),
|
|
|
- new Date().getDate()
|
|
|
- )
|
|
|
- );
|
|
|
- return [start, end];
|
|
|
- },
|
|
|
- },
|
|
|
- {
|
|
|
- text: "昨天",
|
|
|
- value() {
|
|
|
- const end = new Date();
|
|
|
- const start = new Date();
|
|
|
- start.setTime(
|
|
|
- start.setTime(
|
|
|
- new Date(
|
|
|
- new Date().getFullYear(),
|
|
|
- new Date().getMonth(),
|
|
|
- new Date().getDate() - 1
|
|
|
- )
|
|
|
- )
|
|
|
- );
|
|
|
- end.setTime(
|
|
|
- end.setTime(
|
|
|
- new Date(
|
|
|
- new Date().getFullYear(),
|
|
|
- new Date().getMonth(),
|
|
|
- new Date().getDate() - 1
|
|
|
- )
|
|
|
- )
|
|
|
- );
|
|
|
- return [start, end];
|
|
|
- },
|
|
|
- },
|
|
|
- {
|
|
|
- text: "最近7天",
|
|
|
- value() {
|
|
|
- const end = new Date();
|
|
|
- const start = new Date();
|
|
|
- start.setTime(
|
|
|
- start.setTime(
|
|
|
- new Date(
|
|
|
- new Date().getFullYear(),
|
|
|
- new Date().getMonth(),
|
|
|
- new Date().getDate() - 6
|
|
|
- )
|
|
|
- )
|
|
|
- );
|
|
|
- return [start, end];
|
|
|
- },
|
|
|
- },
|
|
|
- {
|
|
|
- text: "最近30天",
|
|
|
- value() {
|
|
|
- const end = new Date();
|
|
|
- const start = new Date();
|
|
|
- start.setTime(
|
|
|
- start.setTime(
|
|
|
- new Date(
|
|
|
- new Date().getFullYear(),
|
|
|
- new Date().getMonth(),
|
|
|
- new Date().getDate() - 29
|
|
|
- )
|
|
|
- )
|
|
|
- );
|
|
|
- return [start, end];
|
|
|
- },
|
|
|
- },
|
|
|
- {
|
|
|
- text: "本月",
|
|
|
- value() {
|
|
|
- const end = new Date();
|
|
|
- const start = new Date();
|
|
|
- start.setTime(
|
|
|
- start.setTime(
|
|
|
- new Date(new Date().getFullYear(), new Date().getMonth(), 1)
|
|
|
- )
|
|
|
- );
|
|
|
- return [start, end];
|
|
|
- },
|
|
|
- },
|
|
|
- {
|
|
|
- text: "本年",
|
|
|
- value() {
|
|
|
- const end = new Date();
|
|
|
- const start = new Date();
|
|
|
- start.setTime(
|
|
|
- start.setTime(new Date(new Date().getFullYear(), 0, 1))
|
|
|
- );
|
|
|
- return [start, end];
|
|
|
- },
|
|
|
- },
|
|
|
- ],
|
|
|
- },
|
|
|
- collapse: false,
|
|
|
- headeNum: [
|
|
|
- { type: "", name: "全部" },
|
|
|
- { type: "wechat", name: "微信公众号" },
|
|
|
- { type: "routine", name: "微信小程序" },
|
|
|
- { type: "h5", name: "H5" },
|
|
|
- { type: "pc", name: "PC" },
|
|
|
- { type: "app", name: "APP" },
|
|
|
- ],
|
|
|
- address: [],
|
|
|
- addresData: city,
|
|
|
- isShowSend: true,
|
|
|
- modal13: false,
|
|
|
- maxCols: 4,
|
|
|
- scrollerHeight: "600",
|
|
|
- contentTop: "130",
|
|
|
- contentWidth: "98%",
|
|
|
- // grid: {
|
|
|
- // xl: 8,
|
|
|
- // lg: 8,
|
|
|
- // md: 12,
|
|
|
- // sm: 24,
|
|
|
- // xs: 24,
|
|
|
- // },
|
|
|
- grid2: {
|
|
|
- xl: 18,
|
|
|
- lg: 16,
|
|
|
- md: 12,
|
|
|
- sm: 24,
|
|
|
- xs: 24,
|
|
|
- },
|
|
|
- loading: false,
|
|
|
- total: 0,
|
|
|
- userFrom: {
|
|
|
- label_id: "",
|
|
|
- user_type: "",
|
|
|
- status: "",
|
|
|
- sex: "",
|
|
|
- is_promoter: "",
|
|
|
- country: "",
|
|
|
- isMember: "",
|
|
|
- pay_count: "",
|
|
|
- user_time_type: "",
|
|
|
- user_time: "",
|
|
|
- nickname: "",
|
|
|
- province: "",
|
|
|
- city: "",
|
|
|
- page: 1,
|
|
|
- limit: 15,
|
|
|
- level: "",
|
|
|
- group_id: "",
|
|
|
- field_key: "",
|
|
|
- },
|
|
|
- field_key: "",
|
|
|
- level: "",
|
|
|
- group_id: "",
|
|
|
- label_id: "",
|
|
|
- user_time_type: "",
|
|
|
- pay_count: "",
|
|
|
- columns: [
|
|
|
- {
|
|
|
- type: "expand",
|
|
|
- width: 40,
|
|
|
- render: (h, params) => {
|
|
|
- return h(expandRow, {
|
|
|
- props: {
|
|
|
- row: params.row,
|
|
|
- },
|
|
|
- });
|
|
|
- },
|
|
|
- },
|
|
|
- // {
|
|
|
- // type: 'selection',
|
|
|
- // width: 60,
|
|
|
- // align: 'center'
|
|
|
- // },
|
|
|
- {
|
|
|
- width: 60,
|
|
|
- align: "center",
|
|
|
- renderHeader: (h, params) => {
|
|
|
- return h(
|
|
|
- "div",
|
|
|
- {
|
|
|
- class: {
|
|
|
- "select-panel": true,
|
|
|
- },
|
|
|
- on: {
|
|
|
- mouseenter: (e) => {
|
|
|
- this.display = "block";
|
|
|
- },
|
|
|
- mouseleave: (e) => {
|
|
|
- this.display = "none";
|
|
|
- },
|
|
|
- },
|
|
|
- },
|
|
|
- [
|
|
|
- h("Checkbox", {
|
|
|
- props: {
|
|
|
- value: this.checkBox,
|
|
|
- },
|
|
|
- on: {
|
|
|
- "on-change": (e) => {
|
|
|
- this.checkBox = e;
|
|
|
- this.$refs.table.selectAll(this.checkBox);
|
|
|
- this.isAll = e ? 0 : -1;
|
|
|
- },
|
|
|
- },
|
|
|
- }),
|
|
|
- h(
|
|
|
- "div",
|
|
|
- {
|
|
|
- style: {
|
|
|
- position: "absolute",
|
|
|
- top: 0,
|
|
|
- zIndex: 2,
|
|
|
- display: this.display,
|
|
|
- width: "80px",
|
|
|
- // height: "100%",
|
|
|
- padding: "5px",
|
|
|
- borderRadius: "4px",
|
|
|
- backgroundColor: "#fff",
|
|
|
- boxShadow: "0 0px 5px rgba(0, 0, 0, 0.2)",
|
|
|
- transform: "translateX(25%)",
|
|
|
- },
|
|
|
- },
|
|
|
- [
|
|
|
- h(
|
|
|
- "div",
|
|
|
- {
|
|
|
- class: {
|
|
|
- "select-item": true,
|
|
|
- on: this.isAll === 0,
|
|
|
- },
|
|
|
- style: {
|
|
|
- padding: "1px 6px",
|
|
|
- cursor: "pointer",
|
|
|
- height: "50%",
|
|
|
- },
|
|
|
- on: {
|
|
|
- click: (e) => {
|
|
|
- if (this.isAll === 0) {
|
|
|
- this.isAll = -1;
|
|
|
- this.checkBox = false;
|
|
|
- this.$refs.table.selectAll(this.checkBox);
|
|
|
- } else {
|
|
|
- this.isAll = 0;
|
|
|
- if (!this.selectionList.length) {
|
|
|
- this.checkBox = true;
|
|
|
- this.$refs.table.selectAll(this.checkBox);
|
|
|
- }
|
|
|
- }
|
|
|
- this.display = "none";
|
|
|
- },
|
|
|
- },
|
|
|
- }
|
|
|
- // "选择当页"
|
|
|
- ),
|
|
|
- h(
|
|
|
- "div",
|
|
|
- {
|
|
|
- class: {
|
|
|
- "select-item": true,
|
|
|
- on: this.isAll === 1,
|
|
|
- },
|
|
|
- style: {
|
|
|
- padding: "4px",
|
|
|
- cursor: "pointer",
|
|
|
- // height: "50%",
|
|
|
- },
|
|
|
- on: {
|
|
|
- click: (e) => {
|
|
|
- if (this.isAll === 1) {
|
|
|
- this.isAll = -1;
|
|
|
- this.checkBox = false;
|
|
|
- } else {
|
|
|
- this.isAll = 1;
|
|
|
- this.checkBox = true;
|
|
|
- }
|
|
|
- this.$refs.table.selectAll(this.checkBox);
|
|
|
- this.display = "none";
|
|
|
- },
|
|
|
- },
|
|
|
- },
|
|
|
- "选择全部"
|
|
|
- ),
|
|
|
- ]
|
|
|
- ),
|
|
|
- ]
|
|
|
- );
|
|
|
- },
|
|
|
- render: (h, params) => {
|
|
|
- return h("Checkbox", {
|
|
|
- props: {
|
|
|
- value: params.row.checkBox,
|
|
|
- },
|
|
|
- on: {
|
|
|
- "on-change": (e) => {
|
|
|
- if (e) {
|
|
|
- this.selectionList.push(params.row);
|
|
|
- } else {
|
|
|
- this.checkBox = false;
|
|
|
- this.selectionList.forEach((item, index) => {
|
|
|
- if (item.id === params.row.id) {
|
|
|
- this.selectionList.splice(index, 1);
|
|
|
- }
|
|
|
- });
|
|
|
- }
|
|
|
- this.isAll = this.selectionList.length ? 0 : -1;
|
|
|
- // this.responseData为查询出的结果数据
|
|
|
- // params.row.checkBox = e;
|
|
|
- params.row.checkBox = e;
|
|
|
- this.userLists[params.index].checkBox = e;
|
|
|
- },
|
|
|
- },
|
|
|
- ref: "checkbox",
|
|
|
- refInFor: true,
|
|
|
- });
|
|
|
- },
|
|
|
- },
|
|
|
- {
|
|
|
- title: "UID",
|
|
|
- key: "uid",
|
|
|
- width: 60,
|
|
|
- },
|
|
|
- {
|
|
|
- title: "头像",
|
|
|
- slot: "avatars",
|
|
|
- width: 50,
|
|
|
- },
|
|
|
- {
|
|
|
- title: "昵称",
|
|
|
- slot: "nickname",
|
|
|
- minWidth: 150,
|
|
|
- },
|
|
|
- // {
|
|
|
- // title: "付费会员",
|
|
|
- // slot: "isMember",
|
|
|
- // minWidth: 90,
|
|
|
- // },
|
|
|
- {
|
|
|
- title: "用户等级",
|
|
|
- key: "level",
|
|
|
- minWidth: 90,
|
|
|
- },
|
|
|
- {
|
|
|
- title: "分组",
|
|
|
- key: "group_id",
|
|
|
- minWidth: 100,
|
|
|
- },
|
|
|
- {
|
|
|
- title: "手机号",
|
|
|
- key: "phone",
|
|
|
- minWidth: 100,
|
|
|
- },
|
|
|
- {
|
|
|
- title: "用户类型",
|
|
|
- key: "user_type",
|
|
|
- minWidth: 100,
|
|
|
- },
|
|
|
- {
|
|
|
- title: "内部联系人",
|
|
|
- slot: "follow_list",
|
|
|
- minWidth: 100,
|
|
|
- },
|
|
|
- {
|
|
|
- title: "余额",
|
|
|
- key: "now_money",
|
|
|
- sortable: "custom",
|
|
|
- minWidth: 100,
|
|
|
- },
|
|
|
- {
|
|
|
- title: "操作",
|
|
|
- slot: "action",
|
|
|
- fixed: "right",
|
|
|
- minWidth: 120,
|
|
|
- },
|
|
|
- ],
|
|
|
- userLists: [],
|
|
|
- FromData: null,
|
|
|
- selectionList: [],
|
|
|
- user_ids: "",
|
|
|
- selectedData: [],
|
|
|
- timeVal: [],
|
|
|
- array_ids: [],
|
|
|
- groupList: [],
|
|
|
- levelList: [],
|
|
|
- labelFrom: {
|
|
|
- page: 1,
|
|
|
- limit: "",
|
|
|
- },
|
|
|
- labelLists: [],
|
|
|
- display: "none",
|
|
|
- checkBox: false,
|
|
|
- selectionCopy: [],
|
|
|
- isAll: -1,
|
|
|
- userId: 0,
|
|
|
- };
|
|
|
- },
|
|
|
- watch: {
|
|
|
- selectionList(value) {
|
|
|
- let arr = value.map((item) => item.uid);
|
|
|
- this.array_ids = arr;
|
|
|
- this.user_ids = arr.join();
|
|
|
- },
|
|
|
- userLists: {
|
|
|
- deep: true,
|
|
|
- handler(value) {
|
|
|
- value.forEach((item) => {
|
|
|
- this.selectionList.forEach((itm) => {
|
|
|
- if (itm.uid === item.uid) {
|
|
|
- item.checkBox = true;
|
|
|
- }
|
|
|
- });
|
|
|
- });
|
|
|
- const arr = this.userLists.filter((item) => item.checkBox);
|
|
|
- if (this.userLists.length) {
|
|
|
- this.checkBox = this.userLists.length === arr.length;
|
|
|
- } else {
|
|
|
- this.checkBox = false;
|
|
|
- }
|
|
|
- },
|
|
|
- },
|
|
|
- },
|
|
|
- computed: {
|
|
|
- ...mapState("admin/layout", ["isMobile"]),
|
|
|
- labelWidth() {
|
|
|
- return this.isMobile ? undefined : 100;
|
|
|
- },
|
|
|
- labelPosition() {
|
|
|
- return this.isMobile ? "top" : "right";
|
|
|
- },
|
|
|
- },
|
|
|
- created() {
|
|
|
- this.getList();
|
|
|
- },
|
|
|
- mounted() {
|
|
|
- this.userGroup();
|
|
|
- this.levelLists();
|
|
|
- this.groupLists();
|
|
|
- },
|
|
|
- methods: {
|
|
|
- closeLabel(label) {
|
|
|
- let index = this.dataLabel.indexOf(
|
|
|
- this.dataLabel.filter((d) => d.id == label.id)[0]
|
|
|
- );
|
|
|
- this.dataLabel.splice(index, 1);
|
|
|
- },
|
|
|
- activeData(dataLabel) {
|
|
|
- this.labelListShow = false;
|
|
|
- this.dataLabel = dataLabel;
|
|
|
- },
|
|
|
- openLabelList(row) {
|
|
|
- this.labelListShow = true;
|
|
|
- this.$refs.labelList.userLabel(
|
|
|
- JSON.parse(JSON.stringify(this.dataLabel))
|
|
|
- );
|
|
|
- },
|
|
|
- // 标签弹窗关闭
|
|
|
- labelListClose() {
|
|
|
- this.labelListShow = false;
|
|
|
- },
|
|
|
+ import userLabel from "../../../components/userLabel";
|
|
|
+ import labelList from "@/components/labelList";
|
|
|
+ import {
|
|
|
+ mapState
|
|
|
+ } from "vuex";
|
|
|
+ import expandRow from "./tableExpand.vue";
|
|
|
+ import {
|
|
|
+ userList,
|
|
|
+ getUserData,
|
|
|
+ isShowApi,
|
|
|
+ editOtherApi,
|
|
|
+ giveLevelApi,
|
|
|
+ userSetGroup,
|
|
|
+ userGroupApi,
|
|
|
+ levelListApi,
|
|
|
+ userSetLabelApi,
|
|
|
+ userLabelApi,
|
|
|
+ userSynchro,
|
|
|
+ getUserSaveForm,
|
|
|
+ giveLevelTimeApi,
|
|
|
+ extendInfo
|
|
|
+ } from "@/api/user";
|
|
|
+ import {
|
|
|
+ agentSpreadApi
|
|
|
+ } from "@/api/agent";
|
|
|
+ import editFrom from "../../../components/from/from";
|
|
|
+ import sendFrom from "@/components/sendCoupons/index";
|
|
|
+ import userDetails from "./handle/userDetails";
|
|
|
+ import newsCategory from "@/components/newsCategory/index";
|
|
|
+ import city from "@/utils/city";
|
|
|
+ import customerInfo from "@/components/customerInfo";
|
|
|
+ export default {
|
|
|
+ name: "user_list",
|
|
|
+ components: {
|
|
|
+ expandRow,
|
|
|
+ editFrom,
|
|
|
+ sendFrom,
|
|
|
+ userDetails,
|
|
|
+ newsCategory,
|
|
|
+ customerInfo,
|
|
|
+ userLabel,
|
|
|
+ labelList,
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ dataLabel: [],
|
|
|
+ labelListShow: false,
|
|
|
+ labelShow: false,
|
|
|
+ customerShow: false,
|
|
|
+ promoterShow: false,
|
|
|
+ labelActive: {
|
|
|
+ uid: 0,
|
|
|
+ },
|
|
|
+ formInline: {
|
|
|
+ uid: 0,
|
|
|
+ spread_uid: 0,
|
|
|
+ image: "",
|
|
|
+ },
|
|
|
+ options: {
|
|
|
+ shortcuts: [{
|
|
|
+ text: "今天",
|
|
|
+ value() {
|
|
|
+ const end = new Date();
|
|
|
+ const start = new Date();
|
|
|
+ start.setTime(
|
|
|
+ new Date(
|
|
|
+ new Date().getFullYear(),
|
|
|
+ new Date().getMonth(),
|
|
|
+ new Date().getDate()
|
|
|
+ )
|
|
|
+ );
|
|
|
+ return [start, end];
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ text: "昨天",
|
|
|
+ value() {
|
|
|
+ const end = new Date();
|
|
|
+ const start = new Date();
|
|
|
+ start.setTime(
|
|
|
+ start.setTime(
|
|
|
+ new Date(
|
|
|
+ new Date().getFullYear(),
|
|
|
+ new Date().getMonth(),
|
|
|
+ new Date().getDate() - 1
|
|
|
+ )
|
|
|
+ )
|
|
|
+ );
|
|
|
+ end.setTime(
|
|
|
+ end.setTime(
|
|
|
+ new Date(
|
|
|
+ new Date().getFullYear(),
|
|
|
+ new Date().getMonth(),
|
|
|
+ new Date().getDate() - 1
|
|
|
+ )
|
|
|
+ )
|
|
|
+ );
|
|
|
+ return [start, end];
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ text: "最近7天",
|
|
|
+ value() {
|
|
|
+ const end = new Date();
|
|
|
+ const start = new Date();
|
|
|
+ start.setTime(
|
|
|
+ start.setTime(
|
|
|
+ new Date(
|
|
|
+ new Date().getFullYear(),
|
|
|
+ new Date().getMonth(),
|
|
|
+ new Date().getDate() - 6
|
|
|
+ )
|
|
|
+ )
|
|
|
+ );
|
|
|
+ return [start, end];
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ text: "最近30天",
|
|
|
+ value() {
|
|
|
+ const end = new Date();
|
|
|
+ const start = new Date();
|
|
|
+ start.setTime(
|
|
|
+ start.setTime(
|
|
|
+ new Date(
|
|
|
+ new Date().getFullYear(),
|
|
|
+ new Date().getMonth(),
|
|
|
+ new Date().getDate() - 29
|
|
|
+ )
|
|
|
+ )
|
|
|
+ );
|
|
|
+ return [start, end];
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ text: "本月",
|
|
|
+ value() {
|
|
|
+ const end = new Date();
|
|
|
+ const start = new Date();
|
|
|
+ start.setTime(
|
|
|
+ start.setTime(
|
|
|
+ new Date(new Date().getFullYear(), new Date().getMonth(), 1)
|
|
|
+ )
|
|
|
+ );
|
|
|
+ return [start, end];
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ text: "本年",
|
|
|
+ value() {
|
|
|
+ const end = new Date();
|
|
|
+ const start = new Date();
|
|
|
+ start.setTime(
|
|
|
+ start.setTime(new Date(new Date().getFullYear(), 0, 1))
|
|
|
+ );
|
|
|
+ return [start, end];
|
|
|
+ },
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ collapse: false,
|
|
|
+ headeNum: [{
|
|
|
+ type: "",
|
|
|
+ name: "全部"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ type: "wechat",
|
|
|
+ name: "微信公众号"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ type: "routine",
|
|
|
+ name: "微信小程序"
|
|
|
+ },
|
|
|
+ { type: "h5", name: "H5" },
|
|
|
+ // {
|
|
|
+ // type: "pc",
|
|
|
+ // name: "PC"
|
|
|
+ // },
|
|
|
+ {
|
|
|
+ type: "app",
|
|
|
+ name: "APP"
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ address: [],
|
|
|
+ addresData: city,
|
|
|
+ isShowSend: true,
|
|
|
+ modal13: false,
|
|
|
+ maxCols: 4,
|
|
|
+ scrollerHeight: "600",
|
|
|
+ contentTop: "130",
|
|
|
+ contentWidth: "98%",
|
|
|
+ // grid: {
|
|
|
+ // xl: 8,
|
|
|
+ // lg: 8,
|
|
|
+ // md: 12,
|
|
|
+ // sm: 24,
|
|
|
+ // xs: 24,
|
|
|
+ // },
|
|
|
+ grid2: {
|
|
|
+ xl: 18,
|
|
|
+ lg: 16,
|
|
|
+ md: 12,
|
|
|
+ sm: 24,
|
|
|
+ xs: 24,
|
|
|
+ },
|
|
|
+ loading: false,
|
|
|
+ total: 0,
|
|
|
+ userFrom: {
|
|
|
+ label_id: "",
|
|
|
+ user_type: "",
|
|
|
+ status: "",
|
|
|
+ sex: "",
|
|
|
+ is_promoter: "",
|
|
|
+ country: "",
|
|
|
+ isMember: "",
|
|
|
+ pay_count: "",
|
|
|
+ user_time_type: "",
|
|
|
+ user_time: "",
|
|
|
+ nickname: "",
|
|
|
+ province: "",
|
|
|
+ city: "",
|
|
|
+ page: 1,
|
|
|
+ limit: 15,
|
|
|
+ level: "",
|
|
|
+ group_id: "",
|
|
|
+ field_key: "",
|
|
|
+ },
|
|
|
+ field_key: "",
|
|
|
+ level: "",
|
|
|
+ group_id: "",
|
|
|
+ label_id: "",
|
|
|
+ user_time_type: "",
|
|
|
+ pay_count: "",
|
|
|
+ columns: [{
|
|
|
+ type: "expand",
|
|
|
+ width: 40,
|
|
|
+ render: (h, params) => {
|
|
|
+ return h(expandRow, {
|
|
|
+ props: {
|
|
|
+ row: params.row,
|
|
|
+ },
|
|
|
+ });
|
|
|
+ },
|
|
|
+ },
|
|
|
+ // {
|
|
|
+ // type: 'selection',
|
|
|
+ // width: 60,
|
|
|
+ // align: 'center'
|
|
|
+ // },
|
|
|
+ {
|
|
|
+ width: 60,
|
|
|
+ align: "center",
|
|
|
+ renderHeader: (h, params) => {
|
|
|
+ return h(
|
|
|
+ "div", {
|
|
|
+ class: {
|
|
|
+ "select-panel": true,
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ mouseenter: (e) => {
|
|
|
+ this.display = "block";
|
|
|
+ },
|
|
|
+ mouseleave: (e) => {
|
|
|
+ this.display = "none";
|
|
|
+ },
|
|
|
+ },
|
|
|
+ },
|
|
|
+ [
|
|
|
+ h("Checkbox", {
|
|
|
+ props: {
|
|
|
+ value: this.checkBox,
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ "on-change": (e) => {
|
|
|
+ this.checkBox = e;
|
|
|
+ this.$refs.table.selectAll(this.checkBox);
|
|
|
+ this.isAll = e ? 0 : -1;
|
|
|
+ },
|
|
|
+ },
|
|
|
+ }),
|
|
|
+ h(
|
|
|
+ "div", {
|
|
|
+ style: {
|
|
|
+ position: "absolute",
|
|
|
+ top: 0,
|
|
|
+ zIndex: 2,
|
|
|
+ display: this.display,
|
|
|
+ width: "80px",
|
|
|
+ // height: "100%",
|
|
|
+ padding: "5px",
|
|
|
+ borderRadius: "4px",
|
|
|
+ backgroundColor: "#fff",
|
|
|
+ boxShadow: "0 0px 5px rgba(0, 0, 0, 0.2)",
|
|
|
+ transform: "translateX(25%)",
|
|
|
+ },
|
|
|
+ },
|
|
|
+ [
|
|
|
+ h(
|
|
|
+ "div", {
|
|
|
+ class: {
|
|
|
+ "select-item": true,
|
|
|
+ on: this.isAll === 0,
|
|
|
+ },
|
|
|
+ style: {
|
|
|
+ padding: "1px 6px",
|
|
|
+ cursor: "pointer",
|
|
|
+ height: "50%",
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ click: (e) => {
|
|
|
+ if (this.isAll === 0) {
|
|
|
+ this.isAll = -1;
|
|
|
+ this.checkBox = false;
|
|
|
+ this.$refs.table.selectAll(this.checkBox);
|
|
|
+ } else {
|
|
|
+ this.isAll = 0;
|
|
|
+ if (!this.selectionList.length) {
|
|
|
+ this.checkBox = true;
|
|
|
+ this.$refs.table.selectAll(this
|
|
|
+ .checkBox);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.display = "none";
|
|
|
+ },
|
|
|
+ },
|
|
|
+ }
|
|
|
+ // "选择当页"
|
|
|
+ ),
|
|
|
+ h(
|
|
|
+ "div", {
|
|
|
+ class: {
|
|
|
+ "select-item": true,
|
|
|
+ on: this.isAll === 1,
|
|
|
+ },
|
|
|
+ style: {
|
|
|
+ padding: "4px",
|
|
|
+ cursor: "pointer",
|
|
|
+ // height: "50%",
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ click: (e) => {
|
|
|
+ if (this.isAll === 1) {
|
|
|
+ this.isAll = -1;
|
|
|
+ this.checkBox = false;
|
|
|
+ } else {
|
|
|
+ this.isAll = 1;
|
|
|
+ this.checkBox = true;
|
|
|
+ }
|
|
|
+ this.$refs.table.selectAll(this.checkBox);
|
|
|
+ this.display = "none";
|
|
|
+ },
|
|
|
+ },
|
|
|
+ },
|
|
|
+ "选择全部"
|
|
|
+ ),
|
|
|
+ ]
|
|
|
+ ),
|
|
|
+ ]
|
|
|
+ );
|
|
|
+ },
|
|
|
+ render: (h, params) => {
|
|
|
+ return h("Checkbox", {
|
|
|
+ props: {
|
|
|
+ value: params.row.checkBox,
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ "on-change": (e) => {
|
|
|
+ if (e) {
|
|
|
+ this.selectionList.push(params.row);
|
|
|
+ } else {
|
|
|
+ this.checkBox = false;
|
|
|
+ this.selectionList.forEach((item, index) => {
|
|
|
+ if (item.id === params.row.id) {
|
|
|
+ this.selectionList.splice(index, 1);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ this.isAll = this.selectionList.length ? 0 : -1;
|
|
|
+ // this.responseData为查询出的结果数据
|
|
|
+ // params.row.checkBox = e;
|
|
|
+ params.row.checkBox = e;
|
|
|
+ this.userLists[params.index].checkBox = e;
|
|
|
+ },
|
|
|
+ },
|
|
|
+ ref: "checkbox",
|
|
|
+ refInFor: true,
|
|
|
+ });
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: "UID",
|
|
|
+ key: "uid",
|
|
|
+ width: 60,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: "头像",
|
|
|
+ slot: "avatars",
|
|
|
+ width: 50,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: "昵称",
|
|
|
+ slot: "nickname",
|
|
|
+ minWidth: 150,
|
|
|
+ },
|
|
|
+ // {
|
|
|
+ // title: "付费会员",
|
|
|
+ // slot: "isMember",
|
|
|
+ // minWidth: 90,
|
|
|
+ // },
|
|
|
+ {
|
|
|
+ title: "董事",
|
|
|
+ key: "is_partner",
|
|
|
+ minWidth: 90,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: "业绩",
|
|
|
+ key: "achievement",
|
|
|
+ minWidth: 90,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: "分红额度",
|
|
|
+ key: "award_range",
|
|
|
+ minWidth: 90,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: "分红值",
|
|
|
+ key: "award_piece",
|
|
|
+ minWidth: 90,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: "董事分红值",
|
|
|
+ key: "award_piece_partner",
|
|
|
+ minWidth: 90,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: "市场等级",
|
|
|
+ key: "area_level_name",
|
|
|
+ minWidth: 90,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: "用户等级",
|
|
|
+ key: "level",
|
|
|
+ minWidth: 90,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: "分组",
|
|
|
+ key: "group_id",
|
|
|
+ minWidth: 100,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: "手机号",
|
|
|
+ key: "phone",
|
|
|
+ minWidth: 100,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: "用户类型",
|
|
|
+ key: "user_type",
|
|
|
+ minWidth: 100,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: "内部联系人",
|
|
|
+ slot: "follow_list",
|
|
|
+ minWidth: 100,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: "余额",
|
|
|
+ key: "now_money",
|
|
|
+ sortable: "custom",
|
|
|
+ minWidth: 100,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: "操作",
|
|
|
+ slot: "action",
|
|
|
+ fixed: "right",
|
|
|
+ minWidth: 120,
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ userLists: [],
|
|
|
+ FromData: null,
|
|
|
+ selectionList: [],
|
|
|
+ user_ids: "",
|
|
|
+ selectedData: [],
|
|
|
+ timeVal: [],
|
|
|
+ array_ids: [],
|
|
|
+ groupList: [],
|
|
|
+ levelList: [],
|
|
|
+ labelFrom: {
|
|
|
+ page: 1,
|
|
|
+ limit: "",
|
|
|
+ },
|
|
|
+ labelLists: [],
|
|
|
+ display: "none",
|
|
|
+ checkBox: false,
|
|
|
+ selectionCopy: [],
|
|
|
+ isAll: -1,
|
|
|
+ userId: 0,
|
|
|
+ };
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ selectionList(value) {
|
|
|
+ let arr = value.map((item) => item.uid);
|
|
|
+ this.array_ids = arr;
|
|
|
+ this.user_ids = arr.join();
|
|
|
+ },
|
|
|
+ userLists: {
|
|
|
+ deep: true,
|
|
|
+ handler(value) {
|
|
|
+ value.forEach((item) => {
|
|
|
+ this.selectionList.forEach((itm) => {
|
|
|
+ if (itm.uid === item.uid) {
|
|
|
+ item.checkBox = true;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ });
|
|
|
+ const arr = this.userLists.filter((item) => item.checkBox);
|
|
|
+ if (this.userLists.length) {
|
|
|
+ this.checkBox = this.userLists.length === arr.length;
|
|
|
+ } else {
|
|
|
+ this.checkBox = false;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ },
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ ...mapState("admin/layout", ["isMobile"]),
|
|
|
+ labelWidth() {
|
|
|
+ return this.isMobile ? undefined : 100;
|
|
|
+ },
|
|
|
+ labelPosition() {
|
|
|
+ return this.isMobile ? "top" : "right";
|
|
|
+ },
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ this.getList();
|
|
|
+ },
|
|
|
+ mounted() {
|
|
|
+ this.userGroup();
|
|
|
+ this.levelLists();
|
|
|
+ this.groupLists();
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ closeLabel(label) {
|
|
|
+ let index = this.dataLabel.indexOf(
|
|
|
+ this.dataLabel.filter((d) => d.id == label.id)[0]
|
|
|
+ );
|
|
|
+ this.dataLabel.splice(index, 1);
|
|
|
+ },
|
|
|
+ activeData(dataLabel) {
|
|
|
+ this.labelListShow = false;
|
|
|
+ this.dataLabel = dataLabel;
|
|
|
+ },
|
|
|
+ openLabelList(row) {
|
|
|
+ this.labelListShow = true;
|
|
|
+ this.$refs.labelList.userLabel(
|
|
|
+ JSON.parse(JSON.stringify(this.dataLabel))
|
|
|
+ );
|
|
|
+ },
|
|
|
+ // 标签弹窗关闭
|
|
|
+ labelListClose() {
|
|
|
+ this.labelListShow = false;
|
|
|
+ },
|
|
|
|
|
|
- selectAll(row) {
|
|
|
- let list = this.userLists;
|
|
|
- if (list.length) {
|
|
|
- this.selectionList = list;
|
|
|
- this.selectionCopy = list;
|
|
|
- }
|
|
|
- this.userLists.forEach((item, index) => {
|
|
|
- item.checkBox = this.checkBox;
|
|
|
- this.$set(this.userLists, index, item);
|
|
|
- });
|
|
|
- },
|
|
|
- // 标签弹窗关闭
|
|
|
- labelClose(e) {
|
|
|
- if (!e) {
|
|
|
- this.getList();
|
|
|
- }
|
|
|
- this.labelShow = false;
|
|
|
- this.labelActive.uid = 0;
|
|
|
- },
|
|
|
- // 提交
|
|
|
- putSend(name) {
|
|
|
- this.$refs[name].validate((valid) => {
|
|
|
- if (valid) {
|
|
|
- if (!this.formInline.spread_uid) {
|
|
|
- return this.$Message.error("请上传用户");
|
|
|
- }
|
|
|
- agentSpreadApi(this.formInline)
|
|
|
- .then((res) => {
|
|
|
- this.promoterShow = false;
|
|
|
- this.$Message.success(res.msg);
|
|
|
- this.getList();
|
|
|
- this.$refs[name].resetFields();
|
|
|
- })
|
|
|
- .catch((res) => {
|
|
|
- this.$Message.error(res.msg);
|
|
|
- });
|
|
|
- }
|
|
|
- });
|
|
|
- },
|
|
|
- save() {
|
|
|
- this.$modalForm(getUserSaveForm()).then(() => this.getList());
|
|
|
- // getUserSaveForm().then(async (res) => {
|
|
|
- // if(res.data.status === false){
|
|
|
- // return this.$authLapse(res.data);
|
|
|
- // }
|
|
|
- // this.FromData = res.data;
|
|
|
- // this.$refs.edits.modals = true;
|
|
|
- // }).catch(err=>{
|
|
|
- // this.$Message.error(err.msg);
|
|
|
- // })
|
|
|
- },
|
|
|
- synchro() {
|
|
|
- userSynchro()
|
|
|
- .then((res) => {
|
|
|
- this.$Message.success(res.msg);
|
|
|
- })
|
|
|
- .catch((err) => {
|
|
|
- this.$Message.error(err.msg);
|
|
|
- });
|
|
|
- },
|
|
|
- // 分组列表
|
|
|
- groupLists() {
|
|
|
- this.loading = true;
|
|
|
- userLabelApi(this.labelFrom)
|
|
|
- .then(async (res) => {
|
|
|
- let data = res.data;
|
|
|
- this.labelLists = data.list;
|
|
|
- })
|
|
|
- .catch((res) => {
|
|
|
- this.loading = false;
|
|
|
- this.$Message.error(res.msg);
|
|
|
- });
|
|
|
- },
|
|
|
- onClickTab(type) {
|
|
|
- this.userFrom.page = 1;
|
|
|
- this.userFrom.user_type = type;
|
|
|
- this.getList();
|
|
|
- },
|
|
|
- userGroup() {
|
|
|
- let data = {
|
|
|
- page: 1,
|
|
|
- limit: "",
|
|
|
- };
|
|
|
- userGroupApi(data).then((res) => {
|
|
|
- this.groupList = res.data.list;
|
|
|
- });
|
|
|
- },
|
|
|
- levelLists() {
|
|
|
- let data = {
|
|
|
- page: 1,
|
|
|
- limit: "",
|
|
|
- title: "",
|
|
|
- is_show: 1,
|
|
|
- };
|
|
|
- levelListApi(data).then((res) => {
|
|
|
- this.levelList = res.data.list;
|
|
|
- });
|
|
|
- },
|
|
|
- // 批量设置分组；
|
|
|
- setGroup() {
|
|
|
- if (this.selectionList.length === 0) {
|
|
|
- this.$Message.warning("请选择要设置分组的用户");
|
|
|
- } else {
|
|
|
- let uids = { all: this.isAll };
|
|
|
- if (this.isAll === 0) {
|
|
|
- uids.uids = this.array_ids;
|
|
|
- } else if (this.isAll === 1) {
|
|
|
- uids.where = this.userFrom;
|
|
|
- uids.where = {
|
|
|
- city: this.userFrom.city,
|
|
|
- country: this.userFrom.country,
|
|
|
- field_key: this.userFrom.field_key,
|
|
|
- group_id: this.userFrom.group_id,
|
|
|
- isMember: this.userFrom.isMember,
|
|
|
- is_promoter: this.userFrom.is_promoter,
|
|
|
- label_id: this.userFrom.label_id,
|
|
|
- level: this.userFrom.level,
|
|
|
- nickname: this.userFrom.nickname,
|
|
|
- pay_count: this.userFrom.pay_count,
|
|
|
- province: this.userFrom.province,
|
|
|
- sex: this.userFrom.sex,
|
|
|
- status: this.userFrom.status,
|
|
|
- user_time: this.userFrom.user_time,
|
|
|
- user_time_type: this.userFrom.user_time_type,
|
|
|
- user_type: this.userFrom.user_type,
|
|
|
- };
|
|
|
- }
|
|
|
- this.$modalForm(userSetGroup(uids)).then(() => this.getList());
|
|
|
- }
|
|
|
- },
|
|
|
- // 批量设置标签；
|
|
|
- setLabel() {
|
|
|
- if (this.selectionList.length === 0) {
|
|
|
- this.$Message.warning("请选择要设置标签的用户");
|
|
|
- } else {
|
|
|
- let uids = { all: this.isAll };
|
|
|
- if (this.isAll === 0) {
|
|
|
- uids.uids = this.array_ids;
|
|
|
- } else if (this.isAll === 1) {
|
|
|
- uids.where = {
|
|
|
- city: this.userFrom.city,
|
|
|
- country: this.userFrom.country,
|
|
|
- field_key: this.userFrom.field_key,
|
|
|
- group_id: this.userFrom.group_id,
|
|
|
- isMember: this.userFrom.isMember,
|
|
|
- is_promoter: this.userFrom.is_promoter,
|
|
|
- label_id: this.userFrom.label_id,
|
|
|
- level: this.userFrom.level,
|
|
|
- nickname: this.userFrom.nickname,
|
|
|
- pay_count: this.userFrom.pay_count,
|
|
|
- province: this.userFrom.province,
|
|
|
- sex: this.userFrom.sex,
|
|
|
- status: this.userFrom.status,
|
|
|
- user_time: this.userFrom.user_time,
|
|
|
- user_time_type: this.userFrom.user_time_type,
|
|
|
- user_type: this.userFrom.user_type,
|
|
|
- };
|
|
|
- }
|
|
|
- this.labelShow = true;
|
|
|
- this.labelActive.uid = uids;
|
|
|
- // this.$modalForm(userSetLabelApi(uids)).then(() => this.getList());
|
|
|
- }
|
|
|
- },
|
|
|
- // 是否为付费会员；
|
|
|
- changeMember() {
|
|
|
- this.userFrom.page = 1;
|
|
|
- this.getList();
|
|
|
- },
|
|
|
- // 选择国家
|
|
|
- changeCountry() {
|
|
|
- if (this.userFrom.country === "abroad" || !this.userFrom.country) {
|
|
|
- this.selectedData = [];
|
|
|
- this.userFrom.province = "";
|
|
|
- this.userFrom.city = "";
|
|
|
- this.address = [];
|
|
|
- }
|
|
|
- },
|
|
|
- // 选择地址
|
|
|
- handleChange(value, selectedData) {
|
|
|
- this.selectedData = selectedData.map((o) => o.label);
|
|
|
- this.userFrom.province = this.selectedData[0];
|
|
|
- this.userFrom.city = this.selectedData[1];
|
|
|
- },
|
|
|
- // 具体日期
|
|
|
- onchangeTime(e) {
|
|
|
- this.timeVal = e;
|
|
|
- this.userFrom.user_time = this.timeVal.join("-");
|
|
|
- },
|
|
|
- // 操作
|
|
|
- changeMenu(row, name, index) {
|
|
|
- this.userId = row.uid;
|
|
|
- let uid = [];
|
|
|
- uid.push(row.uid);
|
|
|
- let uids = { uids: uid };
|
|
|
- switch (name) {
|
|
|
- case "1":
|
|
|
- this.$refs.userDetails.modals = true;
|
|
|
- this.$refs.userDetails.activeName = "info";
|
|
|
- this.$refs.userDetails.getDetails(row.uid);
|
|
|
- break;
|
|
|
- case "2":
|
|
|
- this.getOtherFrom(row.uid);
|
|
|
- break;
|
|
|
- case "3":
|
|
|
- // this.giveLevel(row.uid);
|
|
|
- this.giveLevelTime(row.uid);
|
|
|
- break;
|
|
|
- case "4":
|
|
|
- this.del(
|
|
|
- row,
|
|
|
- "清除 【 " + row.nickname + " 】的会员等级",
|
|
|
- index,
|
|
|
- "user"
|
|
|
- );
|
|
|
- break;
|
|
|
- case "5":
|
|
|
- this.$modalForm(userSetGroup(uids)).then(() =>
|
|
|
- this.$refs.sends.getList()
|
|
|
- );
|
|
|
- break;
|
|
|
- case "6":
|
|
|
- this.openLabel(row);
|
|
|
- // this.$modalForm(userSetLabelApi(uids)).then(() => this.$refs.sends.getList());
|
|
|
- break;
|
|
|
- case "7":
|
|
|
- this.editS(row);
|
|
|
- break;
|
|
|
- default:
|
|
|
- this.del(
|
|
|
- row,
|
|
|
- "解除【 " + row.nickname + " 】的上级推广人",
|
|
|
- index,
|
|
|
- "tuiguang"
|
|
|
- );
|
|
|
- break;
|
|
|
- // this.del(row, '清除 【 ' + row.nickname + ' 】的会员等级', index)
|
|
|
- }
|
|
|
- },
|
|
|
- openLabel(row) {
|
|
|
- this.labelShow = true;
|
|
|
- this.labelActive.uid = row.uid;
|
|
|
- },
|
|
|
- editS(row) {
|
|
|
- this.promoterShow = true;
|
|
|
- this.formInline.uid = row.uid;
|
|
|
- },
|
|
|
- customer() {
|
|
|
- this.customerShow = true;
|
|
|
- },
|
|
|
- imageObject(e) {
|
|
|
- this.customerShow = false;
|
|
|
- this.formInline.spread_uid = e.uid;
|
|
|
- this.formInline.image = e.image;
|
|
|
- },
|
|
|
- cancel(name) {
|
|
|
- this.promoterShow = false;
|
|
|
- this.$refs[name].resetFields();
|
|
|
- },
|
|
|
- // 赠送会员等级
|
|
|
- giveLevel(id) {
|
|
|
- giveLevelApi(id)
|
|
|
- .then(async (res) => {
|
|
|
- if (res.data.status === false) {
|
|
|
- return this.$authLapse(res.data);
|
|
|
- }
|
|
|
- this.FromData = res.data;
|
|
|
- this.$refs.edits.modals = true;
|
|
|
- })
|
|
|
- .catch((res) => {
|
|
|
- this.$Message.error(res.msg);
|
|
|
- });
|
|
|
- },
|
|
|
- // 赠送会员等级
|
|
|
- giveLevelTime(id) {
|
|
|
- giveLevelTimeApi(id)
|
|
|
- .then(async (res) => {
|
|
|
- if (res.data.status === false) {
|
|
|
- return this.$authLapse(res.data);
|
|
|
- }
|
|
|
- this.FromData = res.data;
|
|
|
- this.$refs.edits.modals = true;
|
|
|
- })
|
|
|
- .catch((res) => {
|
|
|
- this.$Message.error(res.msg);
|
|
|
- });
|
|
|
- },
|
|
|
- // 删除
|
|
|
- del(row, tit, num, name) {
|
|
|
- let delfromData = {
|
|
|
- title: tit,
|
|
|
- num: num,
|
|
|
- url:
|
|
|
- name === "user"
|
|
|
- ? `user/del_level/${row.uid}`
|
|
|
- : `agent/stair/delete_spread/${row.uid}`,
|
|
|
- method: name === "user" ? "DELETE" : "PUT",
|
|
|
- // url: `user/del_level/${row.uid}`,
|
|
|
- // method: 'DELETE',
|
|
|
- ids: "",
|
|
|
- };
|
|
|
- this.$modalSure(delfromData)
|
|
|
- .then((res) => {
|
|
|
- this.$Message.success(res.msg);
|
|
|
- this.getList();
|
|
|
- })
|
|
|
- .catch((res) => {
|
|
|
- this.$Message.error(res.msg);
|
|
|
- });
|
|
|
- },
|
|
|
- // 清除会员删除成功
|
|
|
- submitModel() {
|
|
|
- this.getList();
|
|
|
- },
|
|
|
- // 会员列表
|
|
|
- getList() {
|
|
|
- this.loading = true;
|
|
|
- let activeIds = [];
|
|
|
- this.dataLabel.forEach((item) => {
|
|
|
- activeIds.push(item.id);
|
|
|
- });
|
|
|
- this.userFrom.label_id = activeIds.join(",") || "";
|
|
|
- this.userFrom.user_type = this.userFrom.user_type || "";
|
|
|
- this.userFrom.status = this.userFrom.status || "";
|
|
|
- this.userFrom.sex = this.userFrom.sex || "";
|
|
|
- this.userFrom.is_promoter = this.userFrom.is_promoter || "";
|
|
|
- this.userFrom.country = this.userFrom.country || "";
|
|
|
- this.userFrom.user_time_type = this.userFrom.user_time_type || "";
|
|
|
- this.userFrom.pay_count = this.userFrom.pay_count || "";
|
|
|
- // this.userFrom.label_id = this.userFrom.label_id || "";
|
|
|
- this.userFrom.field_key = this.field_key === "all" ? "" : this.field_key;
|
|
|
- this.userFrom.level =
|
|
|
- this.userFrom.level === "all" ? "" : this.userFrom.level;
|
|
|
- this.userFrom.group_id =
|
|
|
- this.userFrom.group_id === "all" ? "" : this.userFrom.group_id;
|
|
|
- userList(this.userFrom)
|
|
|
- .then(async (res) => {
|
|
|
- let data = res.data;
|
|
|
- data.list.forEach((item) => {
|
|
|
- item.checkBox = false;
|
|
|
- });
|
|
|
- this.userLists = data.list;
|
|
|
- if (this.isAll == 1) {
|
|
|
- this.selectionList = this.userLists;
|
|
|
- this.userLists = data.list.map((item) => {
|
|
|
- item.checkBox = true;
|
|
|
- return item;
|
|
|
- });
|
|
|
- }
|
|
|
- this.total = data.count;
|
|
|
- // this.isAll = -1;
|
|
|
- this.loading = false;
|
|
|
- })
|
|
|
- .catch((res) => {
|
|
|
- this.loading = false;
|
|
|
- this.$Message.error(res.msg);
|
|
|
- });
|
|
|
- },
|
|
|
- pageChange(index) {
|
|
|
- this.userFrom.page = index;
|
|
|
- this.getList();
|
|
|
- },
|
|
|
- // 搜索
|
|
|
- userSearchs() {
|
|
|
- if (this.userFrom.user_time_type && !this.timeVal.length) {
|
|
|
- return this.$Message.error("请选择访问时间");
|
|
|
- }
|
|
|
- if (this.timeVal.length && !this.userFrom.user_time_type) {
|
|
|
- return this.$Message.error("请选择访问情况");
|
|
|
- }
|
|
|
- this.userFrom.page = 1;
|
|
|
- this.selectionList = [];
|
|
|
- this.getList();
|
|
|
- },
|
|
|
- // 重置
|
|
|
- reset(name) {
|
|
|
- this.userFrom = {
|
|
|
- user_type: "",
|
|
|
- status: "",
|
|
|
- sex: "",
|
|
|
- is_promoter: "",
|
|
|
- country: "",
|
|
|
- pay_count: "",
|
|
|
- user_time_type: "",
|
|
|
- user_time: "",
|
|
|
- nickname: "",
|
|
|
- field_key: "",
|
|
|
- level: "",
|
|
|
- group_id: "",
|
|
|
- label_id: "",
|
|
|
- page: 1, // 当前页
|
|
|
- limit: 20, // 每页显示条数
|
|
|
- };
|
|
|
- this.field_key = "";
|
|
|
- this.level = "";
|
|
|
- this.group_id = "";
|
|
|
- this.label_id = "";
|
|
|
- this.user_time_type = "";
|
|
|
- this.pay_count = "";
|
|
|
- this.timeVal = [];
|
|
|
- this.selectionList = [];
|
|
|
- this.getList();
|
|
|
- },
|
|
|
- // 获取编辑表单数据
|
|
|
- getUserFrom(id) {
|
|
|
- this.$modalForm(getUserData(id)).then(() => this.getList());
|
|
|
- // getUserData(id)
|
|
|
- // .then(async (res) => {
|
|
|
- // if (res.data.status === false) {
|
|
|
- // return this.$authLapse(res.data);
|
|
|
- // }
|
|
|
- // this.FromData = res.data;
|
|
|
- // this.$refs.edits.modals = true;
|
|
|
- // })
|
|
|
- // .catch((res) => {
|
|
|
- // this.$Message.error(res.msg);
|
|
|
- // });
|
|
|
- },
|
|
|
- // 获取积分余额表单
|
|
|
- getOtherFrom(id) {
|
|
|
- editOtherApi(id)
|
|
|
- .then(async (res) => {
|
|
|
- if (res.data.status === false) {
|
|
|
- return this.$authLapse(res.data);
|
|
|
- }
|
|
|
- res.data.rules[1].props.max = 999999;
|
|
|
- res.data.rules[1].props.precision = 0;
|
|
|
- this.FromData = res.data;
|
|
|
- this.$refs.edits.modals = true;
|
|
|
- })
|
|
|
- .catch((res) => {
|
|
|
- this.$Message.error(res.msg);
|
|
|
- });
|
|
|
- },
|
|
|
- // 修改状态
|
|
|
- onchangeIsShow(row) {
|
|
|
- let data = {
|
|
|
- id: row.uid,
|
|
|
- status: row.status,
|
|
|
- };
|
|
|
- isShowApi(data)
|
|
|
- .then(async (res) => {
|
|
|
- this.$Message.success(res.msg);
|
|
|
- })
|
|
|
- .catch((res) => {
|
|
|
- this.$Message.error(res.msg);
|
|
|
- });
|
|
|
- },
|
|
|
- // 全选
|
|
|
- onSelectTab(selection) {
|
|
|
- this.selectionList = selection;
|
|
|
- let data = [];
|
|
|
- this.selectionList.map((item) => {
|
|
|
- data.push(item.uid);
|
|
|
- });
|
|
|
- this.array_ids = data;
|
|
|
- this.user_ids = data.join(",");
|
|
|
- },
|
|
|
- // 点击发送优惠券
|
|
|
- onSend() {
|
|
|
- if (this.selectionList.length === 0) {
|
|
|
- this.$Message.warning("请选择要发送优惠券的用户");
|
|
|
- } else {
|
|
|
- this.$refs.sends.modals = true;
|
|
|
- this.$refs.sends.getList();
|
|
|
- }
|
|
|
- },
|
|
|
- // 发送图文消息
|
|
|
- onSendPic() {
|
|
|
- if (this.selectionList.length === 0) {
|
|
|
- this.$Message.warning("请选择要发送图文消息的用户");
|
|
|
- } else {
|
|
|
- this.modal13 = true;
|
|
|
- }
|
|
|
- },
|
|
|
- // 编辑
|
|
|
- edit(row) {
|
|
|
- this.getUserFrom(row.uid);
|
|
|
- // this.$modalForm(getUserSaveForm(row.uid)).then(() => this.getList());
|
|
|
- },
|
|
|
- //信息补充
|
|
|
- extendInfo(row) {
|
|
|
- // this.$modalForm(extendInfo(row.uid)).then(() => this.getList());
|
|
|
- extendInfo(row.uid).then(async (res) => {
|
|
|
- if(res.data.status === false){
|
|
|
- return this.$authLapse(res.data);
|
|
|
- }
|
|
|
- this.FromData = res.data;
|
|
|
- this.$refs.edits.modals = true;
|
|
|
- this.getList()
|
|
|
- }).catch(err=>{
|
|
|
- this.$Message.error(err.msg);
|
|
|
- })
|
|
|
- },
|
|
|
- // 修改成功
|
|
|
- submitFail(p) {
|
|
|
- this.getList();
|
|
|
- if (this.$refs.userDetails.modals) {
|
|
|
- this.$refs.userDetails.getDetails(this.userId);
|
|
|
- }
|
|
|
- },
|
|
|
- // 排序
|
|
|
- sortChanged(e) {
|
|
|
- this.userFrom[e.key] = e.order;
|
|
|
- this.getList();
|
|
|
- },
|
|
|
- onSelectCancel(selection, row) {},
|
|
|
- },
|
|
|
-};
|
|
|
+ selectAll(row) {
|
|
|
+ let list = this.userLists;
|
|
|
+ if (list.length) {
|
|
|
+ this.selectionList = list;
|
|
|
+ this.selectionCopy = list;
|
|
|
+ }
|
|
|
+ this.userLists.forEach((item, index) => {
|
|
|
+ item.checkBox = this.checkBox;
|
|
|
+ this.$set(this.userLists, index, item);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 标签弹窗关闭
|
|
|
+ labelClose(e) {
|
|
|
+ if (!e) {
|
|
|
+ this.getList();
|
|
|
+ }
|
|
|
+ this.labelShow = false;
|
|
|
+ this.labelActive.uid = 0;
|
|
|
+ },
|
|
|
+ // 提交
|
|
|
+ putSend(name) {
|
|
|
+ this.$refs[name].validate((valid) => {
|
|
|
+ if (valid) {
|
|
|
+ if (!this.formInline.spread_uid) {
|
|
|
+ return this.$Message.error("请上传用户");
|
|
|
+ }
|
|
|
+ agentSpreadApi(this.formInline)
|
|
|
+ .then((res) => {
|
|
|
+ this.promoterShow = false;
|
|
|
+ this.$Message.success(res.msg);
|
|
|
+ this.getList();
|
|
|
+ this.$refs[name].resetFields();
|
|
|
+ })
|
|
|
+ .catch((res) => {
|
|
|
+ this.$Message.error(res.msg);
|
|
|
+ });
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ save() {
|
|
|
+ this.$modalForm(getUserSaveForm()).then(() => this.getList());
|
|
|
+ // getUserSaveForm().then(async (res) => {
|
|
|
+ // if(res.data.status === false){
|
|
|
+ // return this.$authLapse(res.data);
|
|
|
+ // }
|
|
|
+ // this.FromData = res.data;
|
|
|
+ // this.$refs.edits.modals = true;
|
|
|
+ // }).catch(err=>{
|
|
|
+ // this.$Message.error(err.msg);
|
|
|
+ // })
|
|
|
+ },
|
|
|
+ synchro() {
|
|
|
+ userSynchro()
|
|
|
+ .then((res) => {
|
|
|
+ this.$Message.success(res.msg);
|
|
|
+ })
|
|
|
+ .catch((err) => {
|
|
|
+ this.$Message.error(err.msg);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 分组列表
|
|
|
+ groupLists() {
|
|
|
+ this.loading = true;
|
|
|
+ userLabelApi(this.labelFrom)
|
|
|
+ .then(async (res) => {
|
|
|
+ let data = res.data;
|
|
|
+ this.labelLists = data.list;
|
|
|
+ })
|
|
|
+ .catch((res) => {
|
|
|
+ this.loading = false;
|
|
|
+ this.$Message.error(res.msg);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ onClickTab(type) {
|
|
|
+ this.userFrom.page = 1;
|
|
|
+ this.userFrom.user_type = type;
|
|
|
+ this.getList();
|
|
|
+ },
|
|
|
+ userGroup() {
|
|
|
+ let data = {
|
|
|
+ page: 1,
|
|
|
+ limit: "",
|
|
|
+ };
|
|
|
+ userGroupApi(data).then((res) => {
|
|
|
+ this.groupList = res.data.list;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ levelLists() {
|
|
|
+ let data = {
|
|
|
+ page: 1,
|
|
|
+ limit: "",
|
|
|
+ title: "",
|
|
|
+ is_show: 1,
|
|
|
+ };
|
|
|
+ levelListApi(data).then((res) => {
|
|
|
+ this.levelList = res.data.list;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 批量设置分组；
|
|
|
+ setGroup() {
|
|
|
+ if (this.selectionList.length === 0) {
|
|
|
+ this.$Message.warning("请选择要设置分组的用户");
|
|
|
+ } else {
|
|
|
+ let uids = {
|
|
|
+ all: this.isAll
|
|
|
+ };
|
|
|
+ if (this.isAll === 0) {
|
|
|
+ uids.uids = this.array_ids;
|
|
|
+ } else if (this.isAll === 1) {
|
|
|
+ uids.where = this.userFrom;
|
|
|
+ uids.where = {
|
|
|
+ city: this.userFrom.city,
|
|
|
+ country: this.userFrom.country,
|
|
|
+ field_key: this.userFrom.field_key,
|
|
|
+ group_id: this.userFrom.group_id,
|
|
|
+ isMember: this.userFrom.isMember,
|
|
|
+ is_promoter: this.userFrom.is_promoter,
|
|
|
+ label_id: this.userFrom.label_id,
|
|
|
+ level: this.userFrom.level,
|
|
|
+ nickname: this.userFrom.nickname,
|
|
|
+ pay_count: this.userFrom.pay_count,
|
|
|
+ province: this.userFrom.province,
|
|
|
+ sex: this.userFrom.sex,
|
|
|
+ status: this.userFrom.status,
|
|
|
+ user_time: this.userFrom.user_time,
|
|
|
+ user_time_type: this.userFrom.user_time_type,
|
|
|
+ user_type: this.userFrom.user_type,
|
|
|
+ };
|
|
|
+ }
|
|
|
+ this.$modalForm(userSetGroup(uids)).then(() => this.getList());
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 批量设置标签；
|
|
|
+ setLabel() {
|
|
|
+ if (this.selectionList.length === 0) {
|
|
|
+ this.$Message.warning("请选择要设置标签的用户");
|
|
|
+ } else {
|
|
|
+ let uids = {
|
|
|
+ all: this.isAll
|
|
|
+ };
|
|
|
+ if (this.isAll === 0) {
|
|
|
+ uids.uids = this.array_ids;
|
|
|
+ } else if (this.isAll === 1) {
|
|
|
+ uids.where = {
|
|
|
+ city: this.userFrom.city,
|
|
|
+ country: this.userFrom.country,
|
|
|
+ field_key: this.userFrom.field_key,
|
|
|
+ group_id: this.userFrom.group_id,
|
|
|
+ isMember: this.userFrom.isMember,
|
|
|
+ is_promoter: this.userFrom.is_promoter,
|
|
|
+ label_id: this.userFrom.label_id,
|
|
|
+ level: this.userFrom.level,
|
|
|
+ nickname: this.userFrom.nickname,
|
|
|
+ pay_count: this.userFrom.pay_count,
|
|
|
+ province: this.userFrom.province,
|
|
|
+ sex: this.userFrom.sex,
|
|
|
+ status: this.userFrom.status,
|
|
|
+ user_time: this.userFrom.user_time,
|
|
|
+ user_time_type: this.userFrom.user_time_type,
|
|
|
+ user_type: this.userFrom.user_type,
|
|
|
+ };
|
|
|
+ }
|
|
|
+ this.labelShow = true;
|
|
|
+ this.labelActive.uid = uids;
|
|
|
+ // this.$modalForm(userSetLabelApi(uids)).then(() => this.getList());
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 是否为付费会员；
|
|
|
+ changeMember() {
|
|
|
+ this.userFrom.page = 1;
|
|
|
+ this.getList();
|
|
|
+ },
|
|
|
+ // 选择国家
|
|
|
+ changeCountry() {
|
|
|
+ if (this.userFrom.country === "abroad" || !this.userFrom.country) {
|
|
|
+ this.selectedData = [];
|
|
|
+ this.userFrom.province = "";
|
|
|
+ this.userFrom.city = "";
|
|
|
+ this.address = [];
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 选择地址
|
|
|
+ handleChange(value, selectedData) {
|
|
|
+ this.selectedData = selectedData.map((o) => o.label);
|
|
|
+ this.userFrom.province = this.selectedData[0];
|
|
|
+ this.userFrom.city = this.selectedData[1];
|
|
|
+ },
|
|
|
+ // 具体日期
|
|
|
+ onchangeTime(e) {
|
|
|
+ this.timeVal = e;
|
|
|
+ this.userFrom.user_time = this.timeVal.join("-");
|
|
|
+ },
|
|
|
+ // 操作
|
|
|
+ changeMenu(row, name, index) {
|
|
|
+ this.userId = row.uid;
|
|
|
+ let uid = [];
|
|
|
+ uid.push(row.uid);
|
|
|
+ let uids = {
|
|
|
+ uids: uid
|
|
|
+ };
|
|
|
+ switch (name) {
|
|
|
+ case "1":
|
|
|
+ this.$refs.userDetails.modals = true;
|
|
|
+ this.$refs.userDetails.activeName = "info";
|
|
|
+ this.$refs.userDetails.getDetails(row.uid);
|
|
|
+ break;
|
|
|
+ case "2":
|
|
|
+ this.getOtherFrom(row.uid);
|
|
|
+ break;
|
|
|
+ case "3":
|
|
|
+ // this.giveLevel(row.uid);
|
|
|
+ this.giveLevelTime(row.uid);
|
|
|
+ break;
|
|
|
+ case "4":
|
|
|
+ this.del(
|
|
|
+ row,
|
|
|
+ "清除 【 " + row.nickname + " 】的会员等级",
|
|
|
+ index,
|
|
|
+ "user"
|
|
|
+ );
|
|
|
+ break;
|
|
|
+ case "5":
|
|
|
+ this.$modalForm(userSetGroup(uids)).then(() =>
|
|
|
+ this.$refs.sends.getList()
|
|
|
+ );
|
|
|
+ break;
|
|
|
+ case "6":
|
|
|
+ this.openLabel(row);
|
|
|
+ // this.$modalForm(userSetLabelApi(uids)).then(() => this.$refs.sends.getList());
|
|
|
+ break;
|
|
|
+ case "7":
|
|
|
+ this.editS(row);
|
|
|
+ break;
|
|
|
+ default:
|
|
|
+ this.del(
|
|
|
+ row,
|
|
|
+ "解除【 " + row.nickname + " 】的上级推广人",
|
|
|
+ index,
|
|
|
+ "tuiguang"
|
|
|
+ );
|
|
|
+ break;
|
|
|
+ // this.del(row, '清除 【 ' + row.nickname + ' 】的会员等级', index)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ openLabel(row) {
|
|
|
+ this.labelShow = true;
|
|
|
+ this.labelActive.uid = row.uid;
|
|
|
+ },
|
|
|
+ editS(row) {
|
|
|
+ this.promoterShow = true;
|
|
|
+ this.formInline.uid = row.uid;
|
|
|
+ },
|
|
|
+ customer() {
|
|
|
+ this.customerShow = true;
|
|
|
+ },
|
|
|
+ imageObject(e) {
|
|
|
+ this.customerShow = false;
|
|
|
+ this.formInline.spread_uid = e.uid;
|
|
|
+ this.formInline.image = e.image;
|
|
|
+ },
|
|
|
+ cancel(name) {
|
|
|
+ this.promoterShow = false;
|
|
|
+ this.$refs[name].resetFields();
|
|
|
+ },
|
|
|
+ // 赠送会员等级
|
|
|
+ giveLevel(id) {
|
|
|
+ giveLevelApi(id)
|
|
|
+ .then(async (res) => {
|
|
|
+ if (res.data.status === false) {
|
|
|
+ return this.$authLapse(res.data);
|
|
|
+ }
|
|
|
+ this.FromData = res.data;
|
|
|
+ this.$refs.edits.modals = true;
|
|
|
+ })
|
|
|
+ .catch((res) => {
|
|
|
+ this.$Message.error(res.msg);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 赠送会员等级
|
|
|
+ giveLevelTime(id) {
|
|
|
+ giveLevelTimeApi(id)
|
|
|
+ .then(async (res) => {
|
|
|
+ if (res.data.status === false) {
|
|
|
+ return this.$authLapse(res.data);
|
|
|
+ }
|
|
|
+ this.FromData = res.data;
|
|
|
+ this.$refs.edits.modals = true;
|
|
|
+ })
|
|
|
+ .catch((res) => {
|
|
|
+ this.$Message.error(res.msg);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 删除
|
|
|
+ del(row, tit, num, name) {
|
|
|
+ let delfromData = {
|
|
|
+ title: tit,
|
|
|
+ num: num,
|
|
|
+ url: name === "user" ?
|
|
|
+ `user/del_level/${row.uid}` :
|
|
|
+ `agent/stair/delete_spread/${row.uid}`,
|
|
|
+ method: name === "user" ? "DELETE" : "PUT",
|
|
|
+ // url: `user/del_level/${row.uid}`,
|
|
|
+ // method: 'DELETE',
|
|
|
+ ids: "",
|
|
|
+ };
|
|
|
+ this.$modalSure(delfromData)
|
|
|
+ .then((res) => {
|
|
|
+ this.$Message.success(res.msg);
|
|
|
+ this.getList();
|
|
|
+ })
|
|
|
+ .catch((res) => {
|
|
|
+ this.$Message.error(res.msg);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 清除会员删除成功
|
|
|
+ submitModel() {
|
|
|
+ this.getList();
|
|
|
+ },
|
|
|
+ // 会员列表
|
|
|
+ getList() {
|
|
|
+ this.loading = true;
|
|
|
+ let activeIds = [];
|
|
|
+ this.dataLabel.forEach((item) => {
|
|
|
+ activeIds.push(item.id);
|
|
|
+ });
|
|
|
+ this.userFrom.label_id = activeIds.join(",") || "";
|
|
|
+ this.userFrom.user_type = this.userFrom.user_type || "";
|
|
|
+ this.userFrom.status = this.userFrom.status || "";
|
|
|
+ this.userFrom.sex = this.userFrom.sex || "";
|
|
|
+ this.userFrom.is_promoter = this.userFrom.is_promoter || "";
|
|
|
+ this.userFrom.country = this.userFrom.country || "";
|
|
|
+ this.userFrom.user_time_type = this.userFrom.user_time_type || "";
|
|
|
+ this.userFrom.pay_count = this.userFrom.pay_count || "";
|
|
|
+ // this.userFrom.label_id = this.userFrom.label_id || "";
|
|
|
+ this.userFrom.field_key = this.field_key === "all" ? "" : this.field_key;
|
|
|
+ this.userFrom.level =
|
|
|
+ this.userFrom.level === "all" ? "" : this.userFrom.level;
|
|
|
+ this.userFrom.group_id =
|
|
|
+ this.userFrom.group_id === "all" ? "" : this.userFrom.group_id;
|
|
|
+ userList(this.userFrom)
|
|
|
+ .then(async (res) => {
|
|
|
+ let data = res.data;
|
|
|
+ data.list.forEach((item) => {
|
|
|
+ item.checkBox = false;
|
|
|
+ });
|
|
|
+ this.userLists = data.list.map((item)=>{
|
|
|
+ item.is_partner = +item.partner==1?'是':'否'
|
|
|
+ item.area_level_name = +item.area_level==0?'':+item.area_level==1?'门店':+item.area_level==2?'社区':'城市';
|
|
|
+ return item;
|
|
|
+ });
|
|
|
+
|
|
|
+ if (this.isAll == 1) {
|
|
|
+ this.selectionList = this.userLists;
|
|
|
+ this.userLists = data.list.map((item) => {
|
|
|
+ item.checkBox = true;
|
|
|
+ return item;
|
|
|
+ });
|
|
|
+ }
|
|
|
+ this.total = data.count;
|
|
|
+ // this.isAll = -1;
|
|
|
+ this.loading = false;
|
|
|
+ })
|
|
|
+ .catch((res) => {
|
|
|
+ this.loading = false;
|
|
|
+ this.$Message.error(res.msg);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ pageChange(index) {
|
|
|
+ this.userFrom.page = index;
|
|
|
+ this.getList();
|
|
|
+ },
|
|
|
+ // 搜索
|
|
|
+ userSearchs() {
|
|
|
+ if (this.userFrom.user_time_type && !this.timeVal.length) {
|
|
|
+ return this.$Message.error("请选择访问时间");
|
|
|
+ }
|
|
|
+ if (this.timeVal.length && !this.userFrom.user_time_type) {
|
|
|
+ return this.$Message.error("请选择访问情况");
|
|
|
+ }
|
|
|
+ this.userFrom.page = 1;
|
|
|
+ this.selectionList = [];
|
|
|
+ this.getList();
|
|
|
+ },
|
|
|
+ // 重置
|
|
|
+ reset(name) {
|
|
|
+ this.userFrom = {
|
|
|
+ user_type: "",
|
|
|
+ status: "",
|
|
|
+ sex: "",
|
|
|
+ is_promoter: "",
|
|
|
+ country: "",
|
|
|
+ pay_count: "",
|
|
|
+ user_time_type: "",
|
|
|
+ user_time: "",
|
|
|
+ nickname: "",
|
|
|
+ field_key: "",
|
|
|
+ level: "",
|
|
|
+ group_id: "",
|
|
|
+ label_id: "",
|
|
|
+ page: 1, // 当前页
|
|
|
+ limit: 20, // 每页显示条数
|
|
|
+ };
|
|
|
+ this.field_key = "";
|
|
|
+ this.level = "";
|
|
|
+ this.group_id = "";
|
|
|
+ this.label_id = "";
|
|
|
+ this.user_time_type = "";
|
|
|
+ this.pay_count = "";
|
|
|
+ this.timeVal = [];
|
|
|
+ this.selectionList = [];
|
|
|
+ this.getList();
|
|
|
+ },
|
|
|
+ // 获取编辑表单数据
|
|
|
+ getUserFrom(id) {
|
|
|
+ this.$modalForm(getUserData(id)).then(() => this.getList());
|
|
|
+ // getUserData(id)
|
|
|
+ // .then(async (res) => {
|
|
|
+ // if (res.data.status === false) {
|
|
|
+ // return this.$authLapse(res.data);
|
|
|
+ // }
|
|
|
+ // this.FromData = res.data;
|
|
|
+ // this.$refs.edits.modals = true;
|
|
|
+ // })
|
|
|
+ // .catch((res) => {
|
|
|
+ // this.$Message.error(res.msg);
|
|
|
+ // });
|
|
|
+ },
|
|
|
+ // 获取积分余额表单
|
|
|
+ getOtherFrom(id) {
|
|
|
+ editOtherApi(id)
|
|
|
+ .then(async (res) => {
|
|
|
+ if (res.data.status === false) {
|
|
|
+ return this.$authLapse(res.data);
|
|
|
+ }
|
|
|
+ res.data.rules[1].props.max = 999999;
|
|
|
+ res.data.rules[1].props.precision = 0;
|
|
|
+ this.FromData = res.data;
|
|
|
+ this.$refs.edits.modals = true;
|
|
|
+ })
|
|
|
+ .catch((res) => {
|
|
|
+ this.$Message.error(res.msg);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 修改状态
|
|
|
+ onchangeIsShow(row) {
|
|
|
+ let data = {
|
|
|
+ id: row.uid,
|
|
|
+ status: row.status,
|
|
|
+ };
|
|
|
+ isShowApi(data)
|
|
|
+ .then(async (res) => {
|
|
|
+ this.$Message.success(res.msg);
|
|
|
+ })
|
|
|
+ .catch((res) => {
|
|
|
+ this.$Message.error(res.msg);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 全选
|
|
|
+ onSelectTab(selection) {
|
|
|
+ this.selectionList = selection;
|
|
|
+ let data = [];
|
|
|
+ this.selectionList.map((item) => {
|
|
|
+ data.push(item.uid);
|
|
|
+ });
|
|
|
+ this.array_ids = data;
|
|
|
+ this.user_ids = data.join(",");
|
|
|
+ },
|
|
|
+ // 点击发送优惠券
|
|
|
+ onSend() {
|
|
|
+ if (this.selectionList.length === 0) {
|
|
|
+ this.$Message.warning("请选择要发送优惠券的用户");
|
|
|
+ } else {
|
|
|
+ this.$refs.sends.modals = true;
|
|
|
+ this.$refs.sends.getList();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 发送图文消息
|
|
|
+ onSendPic() {
|
|
|
+ if (this.selectionList.length === 0) {
|
|
|
+ this.$Message.warning("请选择要发送图文消息的用户");
|
|
|
+ } else {
|
|
|
+ this.modal13 = true;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 编辑
|
|
|
+ edit(row) {
|
|
|
+ this.getUserFrom(row.uid);
|
|
|
+ // this.$modalForm(getUserSaveForm(row.uid)).then(() => this.getList());
|
|
|
+ },
|
|
|
+ //信息补充
|
|
|
+ extendInfo(row) {
|
|
|
+ // this.$modalForm(extendInfo(row.uid)).then(() => this.getList());
|
|
|
+ extendInfo(row.uid).then(async (res) => {
|
|
|
+ if (res.data.status === false) {
|
|
|
+ return this.$authLapse(res.data);
|
|
|
+ }
|
|
|
+ this.FromData = res.data;
|
|
|
+ this.$refs.edits.modals = true;
|
|
|
+ this.getList()
|
|
|
+ }).catch(err => {
|
|
|
+ this.$Message.error(err.msg);
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 修改成功
|
|
|
+ submitFail(p) {
|
|
|
+ this.getList();
|
|
|
+ if (this.$refs.userDetails.modals) {
|
|
|
+ this.$refs.userDetails.getDetails(this.userId);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 排序
|
|
|
+ sortChanged(e) {
|
|
|
+ this.userFrom[e.key] = e.order;
|
|
|
+ this.getList();
|
|
|
+ },
|
|
|
+ onSelectCancel(selection, row) {},
|
|
|
+ },
|
|
|
+ };
|
|
|
</script>
|
|
|
|
|
|
<style scoped lang="stylus">
|
|
|
-.padding-add {
|
|
|
- padding: 20px 20px 0;
|
|
|
-}
|
|
|
-.input-add {
|
|
|
- max-width:250px;
|
|
|
-}
|
|
|
-.labelInput {
|
|
|
- max-width:250px;
|
|
|
- border: 1px solid #dcdee2;
|
|
|
- padding: 0 5px;
|
|
|
- border-radius: 5px;
|
|
|
- min-height: 30px;
|
|
|
- cursor: pointer;
|
|
|
+ .padding-add {
|
|
|
+ padding: 20px 20px 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .input-add {
|
|
|
+ max-width: 250px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .labelInput {
|
|
|
+ max-width: 250px;
|
|
|
+ border: 1px solid #dcdee2;
|
|
|
+ padding: 0 5px;
|
|
|
+ border-radius: 5px;
|
|
|
+ min-height: 30px;
|
|
|
+ cursor: pointer;
|
|
|
+
|
|
|
+ .span {
|
|
|
+ color: #c5c8ce;
|
|
|
+ }
|
|
|
+
|
|
|
+ .iconxiayi {
|
|
|
+ font-size: 12px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .picBox {
|
|
|
+ display: inline-block;
|
|
|
+ cursor: pointer;
|
|
|
|
|
|
- .span {
|
|
|
- color: #c5c8ce;
|
|
|
- }
|
|
|
+ .upLoad {
|
|
|
+ width: 58px;
|
|
|
+ height: 58px;
|
|
|
+ line-height: 58px;
|
|
|
+ border: 1px dotted rgba(0, 0, 0, 0.1);
|
|
|
+ border-radius: 4px;
|
|
|
+ background: rgba(0, 0, 0, 0.02);
|
|
|
+ }
|
|
|
|
|
|
- .iconxiayi {
|
|
|
- font-size: 12px;
|
|
|
- }
|
|
|
-}
|
|
|
+ .pictrue {
|
|
|
+ width: 60px;
|
|
|
+ height: 60px;
|
|
|
+ border: 1px dotted rgba(0, 0, 0, 0.1);
|
|
|
+ margin-right: 10px;
|
|
|
|
|
|
-.picBox {
|
|
|
- display: inline-block;
|
|
|
- cursor: pointer;
|
|
|
+ img {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .userFrom {
|
|
|
+ >>>.ivu-form-item-content {
|
|
|
+ margin-left: 0px !important;
|
|
|
+ }
|
|
|
+ }
|
|
|
|
|
|
- .upLoad {
|
|
|
- width: 58px;
|
|
|
- height: 58px;
|
|
|
- line-height: 58px;
|
|
|
- border: 1px dotted rgba(0, 0, 0, 0.1);
|
|
|
- border-radius: 4px;
|
|
|
- background: rgba(0, 0, 0, 0.02);
|
|
|
- }
|
|
|
+ .userAlert {
|
|
|
+ margin-top: 20px;
|
|
|
+ }
|
|
|
|
|
|
- .pictrue {
|
|
|
- width: 60px;
|
|
|
- height: 60px;
|
|
|
- border: 1px dotted rgba(0, 0, 0, 0.1);
|
|
|
- margin-right: 10px;
|
|
|
+ .userI {
|
|
|
+ color: #1890FF;
|
|
|
+ font-style: normal;
|
|
|
+ }
|
|
|
|
|
|
- img {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
+ img {
|
|
|
+ height: 36px;
|
|
|
+ display: block;
|
|
|
+ }
|
|
|
|
|
|
-.userFrom {
|
|
|
- >>> .ivu-form-item-content {
|
|
|
- margin-left: 0px !important;
|
|
|
- }
|
|
|
-}
|
|
|
+ .tabBox_img {
|
|
|
+ width: 36px;
|
|
|
+ height: 36px;
|
|
|
+ border-radius: 4px;
|
|
|
+ cursor: pointer;
|
|
|
|
|
|
-.userAlert {
|
|
|
- margin-top: 20px;
|
|
|
-}
|
|
|
+ img {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ }
|
|
|
+ }
|
|
|
|
|
|
-.userI {
|
|
|
- color: #1890FF;
|
|
|
- font-style: normal;
|
|
|
-}
|
|
|
+ .tabBox_tit {
|
|
|
+ width: 60%;
|
|
|
+ font-size: 12px !important;
|
|
|
+ margin: 0 2px 0 10px;
|
|
|
+ letter-spacing: 1px;
|
|
|
+ padding: 5px 0;
|
|
|
+ box-sizing: border-box;
|
|
|
+ }
|
|
|
|
|
|
-img {
|
|
|
- height: 36px;
|
|
|
- display: block;
|
|
|
-}
|
|
|
+ .modelBox {
|
|
|
+ >>>.ivu-modal-body {
|
|
|
+ padding: 0 16px 16px 16px !important;
|
|
|
+ }
|
|
|
+ }
|
|
|
|
|
|
-.tabBox_img {
|
|
|
- width: 36px;
|
|
|
- height: 36px;
|
|
|
- border-radius: 4px;
|
|
|
- cursor: pointer;
|
|
|
+ .vipName {
|
|
|
+ color: #dab176;
|
|
|
+ }
|
|
|
|
|
|
- img {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- }
|
|
|
-}
|
|
|
+ .listbox {
|
|
|
+ >>>.ivu-divider-horizontal {
|
|
|
+ margin: 0 !important;
|
|
|
+ }
|
|
|
+ }
|
|
|
|
|
|
-.tabBox_tit {
|
|
|
- width: 60%;
|
|
|
- font-size: 12px !important;
|
|
|
- margin: 0 2px 0 10px;
|
|
|
- letter-spacing: 1px;
|
|
|
- padding: 5px 0;
|
|
|
- box-sizing: border-box;
|
|
|
-}
|
|
|
+ /deep/.ivu-table-header {
|
|
|
+ // overflow visible
|
|
|
+ }
|
|
|
|
|
|
-.modelBox {
|
|
|
- >>> .ivu-modal-body {
|
|
|
- padding: 0 16px 16px 16px !important;
|
|
|
- }
|
|
|
-}
|
|
|
+ /deep/.ivu-table th {
|
|
|
+ overflow: visible;
|
|
|
+ }
|
|
|
|
|
|
-.vipName {
|
|
|
- color: #dab176;
|
|
|
-}
|
|
|
+ /deep/.select-item:hover {
|
|
|
+ background-color: #f3f3f3;
|
|
|
+ }
|
|
|
|
|
|
-.listbox {
|
|
|
- >>>.ivu-divider-horizontal {
|
|
|
- margin: 0 !important;
|
|
|
- }
|
|
|
-}
|
|
|
+ /deep/.select-on {
|
|
|
+ display: block;
|
|
|
+ }
|
|
|
|
|
|
-/deep/.ivu-table-header {
|
|
|
- // overflow visible
|
|
|
-}
|
|
|
+ /deep/.select-item.on {
|
|
|
+ /* background: #f3f3f3; */
|
|
|
+ }
|
|
|
|
|
|
-/deep/.ivu-table th {
|
|
|
- overflow: visible;
|
|
|
-}
|
|
|
+ .pane_pd {
|
|
|
+ padding: 4px 16px 20px !important;
|
|
|
+ font-weight: 500;
|
|
|
+ }
|
|
|
|
|
|
-/deep/.select-item:hover {
|
|
|
- background-color: #f3f3f3;
|
|
|
-}
|
|
|
+ .new_tab {
|
|
|
+ >>>.ivu-tabs-nav .ivu-tabs-tab {
|
|
|
+ padding: 4px 16px 20px !important;
|
|
|
+ font-weight: 500;
|
|
|
+ }
|
|
|
+ }
|
|
|
|
|
|
-/deep/.select-on {
|
|
|
- display: block;
|
|
|
-}
|
|
|
+ .dateMedia {
|
|
|
+ /deep/.ivu-form-item-content {
|
|
|
+ max-width 250px;
|
|
|
|
|
|
-/deep/.select-item.on {
|
|
|
- /* background: #f3f3f3; */
|
|
|
-}
|
|
|
-.pane_pd{
|
|
|
- padding:4px 16px 20px !important;
|
|
|
- font-weight: 500;
|
|
|
-}
|
|
|
-.new_tab {
|
|
|
- >>>.ivu-tabs-nav .ivu-tabs-tab{
|
|
|
- padding:4px 16px 20px !important;
|
|
|
- font-weight: 500;
|
|
|
- }
|
|
|
-}
|
|
|
-.dateMedia{
|
|
|
- /deep/.ivu-form-item-content{
|
|
|
- max-width 250px;
|
|
|
- /deep/.ivu-date-picker{
|
|
|
- width 100%;
|
|
|
+ /deep/.ivu-date-picker {
|
|
|
+ width 100%;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
-}
|
|
|
</style>
|
