|
|
@@ -0,0 +1,160 @@
|
|
|
+<!-- 模板区域 -->
|
|
|
+<template>
|
|
|
+ <div>
|
|
|
+ <!-- 模板内容 -->
|
|
|
+ <el-form ref="queryForm" :inline="true" :model="query" label-width="100px" class="top-search">
|
|
|
+ <el-form-item label="用户ID" prop="name">
|
|
|
+ <el-input v-model="query.name" placeholder="请输入"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="用户姓名" prop="name">
|
|
|
+ <el-input v-model="query.name" placeholder="请输入"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="手机号" prop="name">
|
|
|
+ <el-input v-model="query.name" placeholder="请输入"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="用户来源" prop="name">
|
|
|
+ <el-input v-model="query.name" placeholder="请输入"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="用户状态" prop="name">
|
|
|
+ <el-input v-model="query.name" placeholder="请输入"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="企微触达状态" prop="name">
|
|
|
+ <el-input v-model="query.name" placeholder="请输入"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item>
|
|
|
+ <el-button type="primary" @click="getList(1)">查询</el-button>
|
|
|
+ <el-button @click="resetForm()">重置</el-button>
|
|
|
+ <!-- <el-button
|
|
|
+ v-hasPermi="['customerManage:customer:export']"
|
|
|
+ type="info"
|
|
|
+ @click="exportCustomer"
|
|
|
+ >导出列表</el-button
|
|
|
+ > -->
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <div class="g-card ">
|
|
|
+ <div class="mid-action">
|
|
|
+ <div style="margin-left: auto;">
|
|
|
+ <span class="desc">最近同步：321313131231</span>
|
|
|
+ <el-button class="ml10" type="primary" @click="syncUser">
|
|
|
+ 同步用户
|
|
|
+ </el-button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <templateTable ref="commonTable" :operationWidth="200" :showOperation="true" :showBatchDelete="false"
|
|
|
+ :data="Result" :columns="Columns" @findPage="findPage">
|
|
|
+ <template slot="buttonSlot" slot-scope="{ row }">
|
|
|
+ <el-button type="text" @click="viewDetails(row)">查看</el-button>
|
|
|
+ <el-button type="text" @click="transferUser">转出</el-button>
|
|
|
+ </template>
|
|
|
+ </templateTable>
|
|
|
+ </div>
|
|
|
+ <el-dialog title="选择员工" :visible.sync="transferUserShow" width="40%">
|
|
|
+ <div>
|
|
|
+ <el-form ref="form" :rules="rules" :model="form" label-position="left" label-width="120px">
|
|
|
+ <el-form-item label="选择员工" prop="labelName">
|
|
|
+ <el-select v-model="form.labelName" placeholder="请选择，支持关键词搜索" clearable filterable>
|
|
|
+ <el-option label="321" value="3"></el-option>
|
|
|
+ <el-option label="321" value="3"></el-option>
|
|
|
+ <el-option label="321" value="3"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ </el-form>
|
|
|
+ </div>
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button @click="transferUserShow = false">取 消</el-button>
|
|
|
+ <el-button type="primary" @click="userOperation">确 定</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<!-- 行为区域 -->
|
|
|
+<script>
|
|
|
+import templateTable from "@/components/templateTable.vue";
|
|
|
+import { Row } from "element-ui";
|
|
|
+export default {
|
|
|
+ components: {
|
|
|
+ templateTable
|
|
|
+ },
|
|
|
+ // 数据存放区域
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ transferUserShow: false,//转出弹窗
|
|
|
+ query: {},//页面检索对象
|
|
|
+ form: {},//提交表单
|
|
|
+ rules: {
|
|
|
+ labelName: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ message: '请选择员工',
|
|
|
+ trigger: 'chnage',
|
|
|
+ },
|
|
|
+ ],
|
|
|
+
|
|
|
+ },
|
|
|
+ Result: {
|
|
|
+ content: [
|
|
|
+ {
|
|
|
+ name: "3232"
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ totalSize: 100,
|
|
|
+ },
|
|
|
+ Columns: [
|
|
|
+ { prop: "name", label: "用户ID", minWidth: 180, },
|
|
|
+ { prop: "mobile", label: "用户姓名", minWidth: 160 },
|
|
|
+ { prop: "userId", label: "性别", minWidth: 120 },
|
|
|
+ { prop: "deptName", label: "生日", minWidth: 160 },
|
|
|
+ { prop: "type", label: "手机号", minWidth: 160, formatter: this.typeFormatter },
|
|
|
+ { prop: "originalLevel", label: "用户来源", minWidth: 160, formatter: this.originalLevelFormatter },
|
|
|
+ { prop: "originalLevel1", label: "用户状态", minWidth: 160, },
|
|
|
+ { prop: "originalLevel2", label: "用户类型", minWidth: 160, },
|
|
|
+ { prop: "originalLevel3", label: "注册时间", minWidth: 160, },
|
|
|
+ { prop: "originalLevel4", label: "企微触达状态", minWidth: 160, },
|
|
|
+ { prop: "originalLevel5", label: "添加时间", minWidth: 160, },
|
|
|
+ { prop: "originalLevel6", label: "最近互动时间", minWidth: 160, },
|
|
|
+
|
|
|
+ ],
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 生命周期函数
|
|
|
+ created() {
|
|
|
+ },
|
|
|
+ // 方法函数
|
|
|
+ methods: {
|
|
|
+ // 查看详情
|
|
|
+ viewDetails() {
|
|
|
+ this.$router.push({
|
|
|
+ path: 'userSyncDetail',
|
|
|
+ query: {name:"232" },
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 操作用户
|
|
|
+ userOperation() {
|
|
|
+ this.$refs['form'].validate((valid) => {
|
|
|
+ if (valid) {
|
|
|
+ console.log(valid)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 用户转出弹窗
|
|
|
+ transferUser() {
|
|
|
+ this.transferUserShow = true;
|
|
|
+ }, //列表查询
|
|
|
+ findPage() {
|
|
|
+ console.log(1)
|
|
|
+ },
|
|
|
+ // 同步用户
|
|
|
+ syncUser() {
|
|
|
+
|
|
|
+ },
|
|
|
+ },
|
|
|
+ // 计算属性
|
|
|
+ computed: {
|
|
|
+ }
|
|
|
+}
|
|
|
+</script>
|
|
|
+<!-- 样式区域 -->
|
|
|
+<style lang='scss' scoped></style>
|
