|
|
@@ -2,12 +2,7 @@
|
|
|
<div class="app-list-content">
|
|
|
<x-crud class="liu-crud-wrap" @load="onLoad">
|
|
|
<template #slot-tabs="{ scope }">
|
|
|
- <el-tabs
|
|
|
- class="liu-tabs"
|
|
|
- type="border-card"
|
|
|
- v-model="tabIndex"
|
|
|
- @tab-click="handleClick"
|
|
|
- >
|
|
|
+ <el-tabs class="liu-tabs" type="border-card" v-model="tabIndex" @tab-click="handleClick">
|
|
|
<el-tab-pane
|
|
|
v-for="(item, index) in tabsData"
|
|
|
:key="index"
|
|
|
@@ -18,11 +13,7 @@
|
|
|
</template>
|
|
|
|
|
|
<template #table-column-avatarUrl="{scope}">
|
|
|
- <cl-avatar
|
|
|
- :size="22"
|
|
|
- :src="scope.row.smallAvatarUrl"
|
|
|
- :style="{ margin: 'auto' }"
|
|
|
- ></cl-avatar>
|
|
|
+ <cl-avatar :size="22" :src="scope.row.smallAvatarUrl" :style="{ margin: 'auto' }"></cl-avatar>
|
|
|
</template>
|
|
|
|
|
|
<template #table-column-id="{scope}">
|
|
|
@@ -30,8 +21,7 @@
|
|
|
:underline="true"
|
|
|
@click="detailShowFn(scope.row)"
|
|
|
style="font-size:12px;"
|
|
|
- >{{ scope.row.id }}</el-link
|
|
|
- >
|
|
|
+ >{{ scope.row.id }}</el-link>
|
|
|
</template>
|
|
|
|
|
|
<template #table-column-mobile="{scope}">
|
|
|
@@ -44,8 +34,7 @@
|
|
|
:underline="true"
|
|
|
@click="detailShowFn(scope.row)"
|
|
|
style="font-size:12px;"
|
|
|
- >{{ scope.row.userName }}</el-link
|
|
|
- >
|
|
|
+ >{{ scope.row.userName }}</el-link>
|
|
|
</template>
|
|
|
|
|
|
<template #table-column-balance="{scope}">
|
|
|
@@ -73,40 +62,26 @@
|
|
|
</template>
|
|
|
|
|
|
<template #table-column-actPrice="{scope}">
|
|
|
- <el-tag size="mini" v-if="scope.row.userAsset.member == -1" type="warning"
|
|
|
- >普</el-tag
|
|
|
- >
|
|
|
+ <el-tag size="mini" v-if="scope.row.userAsset.member == -1" type="warning">普</el-tag>
|
|
|
<el-tag size="mini" v-else-if="scope.row.userAsset.member == 0">vip</el-tag>
|
|
|
- <el-tag size="mini" v-else-if="scope.row.userAsset.member > 0"
|
|
|
- >vip{{ scope.row.userAsset.member }}</el-tag
|
|
|
- >
|
|
|
+ <el-tag
|
|
|
+ size="mini"
|
|
|
+ v-else-if="scope.row.userAsset.member > 0"
|
|
|
+ >vip{{ scope.row.userAsset.member }}</el-tag>
|
|
|
</template>
|
|
|
|
|
|
<!-- 充值 -->
|
|
|
<template #slot-recharge="{scope}">
|
|
|
- <el-button type="text" size="mini" @click="rechargeShowFn(scope.row)"
|
|
|
- >充值</el-button
|
|
|
- >
|
|
|
+ <el-button type="text" size="mini" @click="rechargeShowFn(scope.row)">充值</el-button>
|
|
|
</template>
|
|
|
<!-- 升级 -->
|
|
|
<template #slot-upgrade="{scope}">
|
|
|
- <el-button type="text" size="mini" @click="upgradeShowFn(scope.row)"
|
|
|
- >升级</el-button
|
|
|
- >
|
|
|
+ <el-button type="text" size="mini" @click="upgradeShowFn(scope.row)">升级</el-button>
|
|
|
</template>
|
|
|
|
|
|
- <!-- 发货 -->
|
|
|
- <!-- <template #slot-ship="{scope}">
|
|
|
- <el-button type="text" @click="$message('开发中...')">发货</el-button>
|
|
|
- </template> -->
|
|
|
</x-crud>
|
|
|
<!-- 充值 -->
|
|
|
- <el-dialog
|
|
|
- title="充值"
|
|
|
- :visible.sync="rechargeDialog"
|
|
|
- :close-on-click-modal="false"
|
|
|
- width="600px"
|
|
|
- >
|
|
|
+ <el-dialog title="充值" :visible.sync="rechargeDialog" :close-on-click-modal="false" width="600px">
|
|
|
<div class="recharge-modal-content">
|
|
|
<div class="card-name">
|
|
|
<cardName :data="modalData" />
|
|
|
@@ -144,12 +119,7 @@
|
|
|
</div>
|
|
|
</el-dialog>
|
|
|
<!-- 升级 -->
|
|
|
- <el-dialog
|
|
|
- title="升级"
|
|
|
- :visible.sync="upgradeDialog"
|
|
|
- :close-on-click-modal="false"
|
|
|
- width="600px"
|
|
|
- >
|
|
|
+ <el-dialog title="升级" :visible.sync="upgradeDialog" :close-on-click-modal="false" width="600px">
|
|
|
<div class="recharge-modal-content">
|
|
|
<div class="card-name">
|
|
|
<cardName :data="modalData" />
|
|
|
@@ -163,18 +133,13 @@
|
|
|
class="demo-form"
|
|
|
>
|
|
|
<el-form-item label="请选择等级">
|
|
|
- <el-select
|
|
|
- v-model="upgradeForm.member"
|
|
|
- size="small"
|
|
|
- placeholder="请选择"
|
|
|
- >
|
|
|
+ <el-select v-model="upgradeForm.member" size="small" placeholder="请选择">
|
|
|
<el-option
|
|
|
v-for="(item, index) in levelData.list"
|
|
|
:key="index"
|
|
|
:label="`${item.level}`"
|
|
|
:value="item.level"
|
|
|
- >
|
|
|
- </el-option>
|
|
|
+ ></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="确认密码">
|
|
|
@@ -402,18 +367,18 @@ export default {
|
|
|
items: [
|
|
|
{
|
|
|
prop: 'mobile',
|
|
|
- label: '手机号码',
|
|
|
+ label: '手机号',
|
|
|
span: 24,
|
|
|
component: {
|
|
|
name: 'el-input',
|
|
|
attrs: {
|
|
|
- placeholder: '请填写手机号码'
|
|
|
+ placeholder: '请填写手机号'
|
|
|
}
|
|
|
},
|
|
|
rules: [
|
|
|
{
|
|
|
required: true,
|
|
|
- message: '请填写手机号码'
|
|
|
+ message: '请填写手机号'
|
|
|
},
|
|
|
{
|
|
|
validator: (rule, value, callback) => {
|
|
|
@@ -428,18 +393,18 @@ export default {
|
|
|
},
|
|
|
{
|
|
|
prop: 'confirmMobile',
|
|
|
- label: '确认手机号码',
|
|
|
+ label: '确认手机号',
|
|
|
span: 24,
|
|
|
component: {
|
|
|
name: 'el-input',
|
|
|
attrs: {
|
|
|
- placeholder: '请填写确认手机号码'
|
|
|
+ placeholder: '请填写'
|
|
|
}
|
|
|
},
|
|
|
rules: [
|
|
|
{
|
|
|
required: true,
|
|
|
- message: '请填写确认手机号码'
|
|
|
+ message: '请填写'
|
|
|
},
|
|
|
{
|
|
|
validator: (rule, value, callback) => {
|
|
|
@@ -473,7 +438,7 @@ export default {
|
|
|
},
|
|
|
{
|
|
|
prop: 'memberLevel',
|
|
|
- label: '会员级别',
|
|
|
+ label: '客户等级',
|
|
|
span: 24,
|
|
|
component: {
|
|
|
name: 'el-select',
|
|
|
@@ -490,7 +455,7 @@ export default {
|
|
|
},
|
|
|
rules: {
|
|
|
required: true,
|
|
|
- message: '级别不能为空'
|
|
|
+ message: '等级不能为空'
|
|
|
}
|
|
|
},
|
|
|
{
|
|
|
@@ -526,7 +491,7 @@ export default {
|
|
|
{
|
|
|
min: 6,
|
|
|
max: 16,
|
|
|
- message: '密码长度在 6 到 16 个字符'
|
|
|
+ message: '密码长度在6到16个字符'
|
|
|
}
|
|
|
]
|
|
|
},
|
|
|
@@ -536,7 +501,7 @@ export default {
|
|
|
<div>
|
|
|
<i class="el-icon-warning"></i>
|
|
|
<span style="margin-left: 6px">
|
|
|
- 添加后,申请会员时自动根据手机号识别客户,成长值、等级和余额会自动同步。
|
|
|
+ 注册会员时会根据手机号识别此客户,等级和余额自动同步到帐户里。
|
|
|
</span>
|
|
|
</div>
|
|
|
)
|