182 lines
8.2 KiB
HTML
182 lines
8.2 KiB
HTML
{{template "header" }}
|
|
<div id="app" style="width:100%">
|
|
<template>
|
|
<el-tabs type="border-card">
|
|
<el-tab-pane label="顾客列表">
|
|
<el-button @click="consumers.form={};consumers.dialog=true" icon="el-icon-plus" style="margin-bottom: 10px;" type="primary" size="small">添加顾客</el-button>
|
|
<el-table
|
|
:data="consumers.list"
|
|
border>
|
|
<el-table-column
|
|
prop="realname"
|
|
label="称呼">
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="consumer_sn"
|
|
label="唯一编号">
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="company"
|
|
label="公司">
|
|
</el-table-column>
|
|
|
|
<el-table-column
|
|
prop="tel"
|
|
label="手机">
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="qq"
|
|
label="QQ">
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="wechat"
|
|
label="微信">
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="email"
|
|
label="邮箱">
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="score"
|
|
label="级别">
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="created_at"
|
|
label="添加时间">
|
|
</el-table-column>
|
|
<el-table-column
|
|
width="100px;"
|
|
prop="id"
|
|
label="操作">
|
|
<template slot-scope="scope">
|
|
<el-button @click="getConsumer(scope.row)" type="primary" size="mini" icon="el-icon-edit" circle></el-button>
|
|
<el-button @click="delConsumers(scope.row.id)" type="danger" size="mini" icon="el-icon-delete" circle></el-button>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
<el-pagination
|
|
background
|
|
@current-change="getConsumers"
|
|
:current-page="consumers.page"
|
|
layout="prev,pager, next"
|
|
:page-size="consumers.pagesize"
|
|
:total="consumers.count">
|
|
</el-pagination>
|
|
</el-tab-pane>
|
|
<el-tab-pane label="公众号/小程序会员">
|
|
<el-alert
|
|
title="提示"
|
|
type="info"
|
|
description="通过管理员生成的带参二维码，扫码进入的营销会员列表">
|
|
</el-alert>
|
|
<el-table
|
|
:data="customers.list"
|
|
border
|
|
style="width: 100%;">
|
|
<el-table-column
|
|
prop="openid"
|
|
label="小程序OpenID">
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="acount_openid"
|
|
label="公众号OpenID">
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="name"
|
|
label="用户昵称">
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="img"
|
|
label="用户头像">
|
|
<template slot-scope="scope">
|
|
<el-avatar :size="50"><img :src="scope.row.avatar"/></el-avatar>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="tel"
|
|
label="手机">
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="score"
|
|
label="积分">
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="created_at"
|
|
label="添加时间">
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="updated_at"
|
|
label="更新时间">
|
|
</el-table-column>
|
|
<el-table-column
|
|
width="100px;"
|
|
prop="id"
|
|
label="操作">
|
|
<template slot-scope="scope">
|
|
<el-button plain @click="deleteCustomer(scope.row.id)" type="danger" size="mini" icon="el-icon-delete">删除</el-button>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
<el-pagination
|
|
background
|
|
@current-change="getCustomers"
|
|
:current-page="customers.page"
|
|
layout="prev,pager, next"
|
|
:page-size="customers.pagesize"
|
|
:total="customers.count">
|
|
</el-pagination>
|
|
</el-tab-pane>
|
|
</el-tabs>
|
|
|
|
<el-dialog
|
|
title="顾客信息"
|
|
:visible.sync="consumers.dialog"
|
|
width="50%"
|
|
:close-on-click-modal="false"
|
|
top="3%"
|
|
>
|
|
<el-form size="medium" ref="consumers.form" :model="consumers.form" :rules="consumers.formRule" label-width="130px">
|
|
<el-form-item class="eform" label="客户称呼:" prop="realname">
|
|
<el-input placeholder="客户姓名" v-model="consumers.form.realname"></el-input>
|
|
</el-form-item>
|
|
<el-form-item class="eform" label="唯一ID:" prop="consumer_sn">
|
|
<el-input placeholder="唯一编号" v-model="consumers.form.consumer_sn"></el-input>
|
|
</el-form-item>
|
|
<el-form-item label="客户级别:" prop="score">
|
|
<el-input v-model="consumers.form.score" placeholder="客户级别"></el-input>
|
|
</el-form-item>
|
|
<el-form-item label="客户公司:" prop="company">
|
|
<el-input v-model="consumers.form.company" placeholder="客户公司"></el-input>
|
|
</el-form-item>
|
|
<el-form-item label="手机/电话:" prop="mobile">
|
|
<el-input v-model="consumers.form.tel" placeholder="手机/电话"></el-input>
|
|
</el-form-item>
|
|
<el-form-item label="微信号:" prop="wechat">
|
|
<el-input v-model="consumers.form.wechat" placeholder="微信号"></el-input>
|
|
</el-form-item>
|
|
<el-form-item label="邮箱:" prop="email">
|
|
<el-input v-model="consumers.form.email" placeholder="邮箱"></el-input>
|
|
</el-form-item>
|
|
<el-form-item label="QQ:" prop="qq">
|
|
<el-input v-model="consumers.form.qq" placeholder="QQ"></el-input>
|
|
</el-form-item>
|
|
<el-form-item label="对客户的印象描述:" prop="remark">
|
|
<el-input type="textarea"
|
|
:rows="2" placeholder="对客户的印象描述" v-model="consumers.form.remark"></el-input>
|
|
</el-form-item>
|
|
|
|
|
|
</el-form>
|
|
<span slot="footer" class="dialog-footer">
|
|
<el-button @click="consumers.dialog = false"><{flyLang.cancel}></el-button>
|
|
<el-button type="primary" @click="setConsumerForm('consumers.form')"><{flyLang.save}></el-button>
|
|
</span>
|
|
</el-dialog>
|
|
</template>
|
|
|
|
</div>
|
|
</body>
|
|
|
|
{{template "setting_bottom" .}}
|
|
|