Skip to content

C
center-user
提交 e03c4bb1 authored 作者: lihuihui's avatar lihuihui
浏览文件
操作

开发页面"zws学员信息","学校信息"

上级 b15c6950
隐藏空白字符变更
内嵌 并排
正在显示 包含 190 行增加 和 15 行删除
src/modules/school/school/views/List.vue
浏览文件 @ e03c4bb1
......@@ -7,15 +7,14 @@ const listOptions = {
// },
filters: [{ type: 'input', prop: 'name', label: '实验名称', placeholder: '请输入实验名称' }],
columns: [
{ label: '用户姓名', prop: 'course_name' },
{ label: '联系电话', prop: 'name' },
{ label: '邮箱', prop: 'length' },
{ label: '所在项目', prop: 'teacher_names' },
{ label: '申请状态', prop: 'type_name' },
{ label: '销售代表', prop: 'score' },
{ label: '用户来源', prop: 'updated_operator_name' },
{ label: '公司', prop: 'updated_time' },
{ label: '创建时间', prop: 'updated_time' },
{ label: '客户编号', prop: 'course_name' },
{ label: '客户名称', prop: 'name' },
{ label: '院校性质', prop: 'length' },
{ label: '归属部门', prop: 'teacher_names' },
{ label: '客户来源', prop: 'type_name' },
{ label: '负责人', prop: 'score' },
{ label: '创建时间', prop: 'updated_operator_name' },
{ label: '更新时间', prop: 'updated_time' },
{ label: '操作', slots: 'table-x', width: 100 }
],
data: [{ id: 1 }, { id: 2 }]
......
src/modules/school/school/views/View.vue
浏览文件 @ e03c4bb1
......@@ -7,16 +7,64 @@ defineProps<Props>()
// function fetchInfo() {}
// onMounted(() => fetchInfo)
const activeName = ref('1')
// 列表配置
const listOptions = {
columns: [
{ label: '#', prop: 'id' },
{ label: '姓名', prop: 'name' },
{ label: '性别', prop: 'gender' },
{ label: '手机号', prop: 'phone' },
{ label: '职务', prop: 'work' },
{ label: '联系人类型', prop: 'sound' }
],
data: [{ id: 1 }, { id: 2 }]
}
</script>
<template>
<AppCard title="基本信息">
<el-descriptions>
<el-descriptions-item label="Username">kooriookami</el-descriptions-item>
<el-descriptions-item label="Telephone">18100000000</el-descriptions-item>
<el-descriptions-item label="Place">Suzhou</el-descriptions-item>
<el-descriptions :column="4">
<el-descriptions-item label="客户编号">123123</el-descriptions-item>
<el-descriptions-item label="客户名称">哈哈哈</el-descriptions-item>
<el-descriptions-item label="归属部门">技术部</el-descriptions-item>
<el-descriptions-item label="所属公海">-</el-descriptions-item>
<el-descriptions-item label="省排名">2</el-descriptions-item>
<el-descriptions-item label="院校层次">高职</el-descriptions-item>
<el-descriptions-item label="退回原因">-</el-descriptions-item>
<el-descriptions-item label="领取时间">2020-10-10</el-descriptions-item>
<el-descriptions-item label="负责人">郝屋撩</el-descriptions-item>
<el-descriptions-item label="创建时间">2020-10-10</el-descriptions-item>
<el-descriptions-item label="规模">-</el-descriptions-item>
<el-descriptions-item label="地址">-</el-descriptions-item>
</el-descriptions>
</AppCard>
<AppCard title="状态信息"> </AppCard>
<AppCard title="申请信息"> </AppCard>
<AppCard>
<el-tabs v-model="activeName" class="demo-tabs">
<el-tab-pane label="项目1" name="1"></el-tab-pane>
<el-tab-pane label="项目2" name="2"></el-tab-pane>
<el-tab-pane label="项目3" name="3"></el-tab-pane>
</el-tabs>
<div v-for="index in 3" :key="index" style="padding: 0 30px;">
<el-descriptions :column="4" v-if="index === parseInt(activeName)">
<el-descriptions-item label="标题">标题{{ index }}</el-descriptions-item>
<el-descriptions-item label="项目名称">项目名称</el-descriptions-item>
<el-descriptions-item label="商机/编号">0041</el-descriptions-item>
<el-descriptions-item label="所属公海">-</el-descriptions-item>
<el-descriptions-item label="销售阶段">L3-洽谈</el-descriptions-item>
<el-descriptions-item label="所属分公司">-</el-descriptions-item>
<el-descriptions-item label="商机/类型">产业学院</el-descriptions-item>
<el-descriptions-item label="地址">北京</el-descriptions-item>
<el-descriptions-item label="市场">宁老师</el-descriptions-item>
<el-descriptions-item label="售前">-</el-descriptions-item>
<el-descriptions-item label="教研">-</el-descriptions-item>
<el-descriptions-item label="领取时间">2022-01-01</el-descriptions-item>
</el-descriptions>
</div>
<div class="title" style="margin-top: 15px;">决策人</div>
<AppList v-bind="listOptions" ref="appList" style="padding: 0 15px;"></AppList>
</AppCard>
<AppCard title="申请信息">
<AppList v-bind="listOptions" ref="appList"></AppList>
</AppCard>
</template>
src/modules/user/zws/index.ts 0 → 100644
浏览文件 @ e03c4bb1
import type { RouteRecordRaw } from 'vue-router'
import AppLayout from '@/components/layout/Index.vue'
export const routes: Array<RouteRecordRaw> = [
{
path: '/user/zws',
component: AppLayout,
children: [
{ path: '', component: () => import('./views/List.vue') },
{ path: ':id', component: () => import('./views/View.vue'), props: true }
]
}
]
src/modules/user/zws/views/List.vue 0 → 100644
浏览文件 @ e03c4bb1
<script setup lang="ts">
// 列表配置
const listOptions = {
// remote: {
// httpRequest: getExperimentList,
// params: { name: '' }
// },
filters: [{ type: 'input', prop: 'name', label: '实验名称', placeholder: '请输入实验名称' }],
columns: [
{ label: '用户姓名', prop: 'course_name' },
{ label: '联系电话', prop: 'name' },
{ label: '邮箱', prop: 'length' },
{ label: '所在项目', prop: 'teacher_names' },
{ label: '申请状态', prop: 'type_name' },
{ label: '销售代表', prop: 'score' },
{ label: '所属渠道', prop: 'updated_operator_name' },
{ label: '创建时间', prop: 'c_time' },
{ label: '更新时间', prop: 'updated_time' },
{ label: '操作', slots: 'table-x', width: 100 }
],
data: [{ id: 1 }, { id: 2 }]
}
</script>
<template>
<AppCard title="全部学员信息">
<AppList v-bind="listOptions" ref="appList">
<template #table-x="{ row }">
<el-button type="primary" link>
<router-link :to="`/user/zws/${row.id}`" target="_blank">查看</router-link>
</el-button>
</template>
</AppList>
</AppCard>
</template>
src/modules/user/zws/views/View.vue 0 → 100644
浏览文件 @ e03c4bb1
<script setup lang="ts">
interface Props {
id: string
}
defineProps<Props>()
// function fetchInfo() {}
// onMounted(() => fetchInfo)
// 列表配置
const listOptions = {
columns: [
{ label: '#', prop: 'id' },
{ label: '类型', prop: 'type' },
{ label: '通话时间', prop: 'talk_time' },
{ label: '时长', prop: 'time' },
{ label: '作息', prop: 'work' },
{ label: '录音', prop: 'sound' }
],
data: [{ id: 1 }, { id: 2 }]
}
</script>
<template>
<AppCard title="基本信息">
<el-descriptions :column="4">
<el-descriptions-item label="用户姓名">哈哈哈</el-descriptions-item>
<el-descriptions-item label="性别">男</el-descriptions-item>
<el-descriptions-item label="学历">本科</el-descriptions-item>
<el-descriptions-item label="所属行业">计算机</el-descriptions-item>
<el-descriptions-item label="工作年限">12</el-descriptions-item>
<el-descriptions-item label="所在公司">紫荆紫育</el-descriptions-item>
<el-descriptions-item label="职位">总监</el-descriptions-item>
<el-descriptions-item label="报名项目">玛丽武的</el-descriptions-item>
<el-descriptions-item label="联系电话">133****1111</el-descriptions-item>
<el-descriptions-item label="邮箱">haha@ezijing.com</el-descriptions-item>
<el-descriptions-item label="微信">h2d-1101</el-descriptions-item>
<el-descriptions-item label="QQ">410073688</el-descriptions-item>
<el-descriptions-item label="系统账号">6784212</el-descriptions-item>
<el-descriptions-item label="报名地址">北京</el-descriptions-item>
<el-descriptions-item label="终端">-</el-descriptions-item>
<el-descriptions-item label="所在城市">北京</el-descriptions-item>
</el-descriptions>
</AppCard>
<AppCard title="状态信息">
<el-descriptions :column="4">
<el-descriptions-item label="所属渠道">百度渠道</el-descriptions-item>
<el-descriptions-item label="报名方式">留咨</el-descriptions-item>
<el-descriptions-item label="优先级">-</el-descriptions-item>
<el-descriptions-item label="申请状态">通过面试</el-descriptions-item>
<el-descriptions-item label="报名费">10000</el-descriptions-item>
<el-descriptions-item label="跟进次数">郝凯信</el-descriptions-item>
<el-descriptions-item label="上一销售">李销售</el-descriptions-item>
<el-descriptions-item label="当前销售">李销售</el-descriptions-item>
<el-descriptions-item label="挑选时间">2020-01-01</el-descriptions-item>
<el-descriptions-item label="联络计划">2022-01-01</el-descriptions-item>
<el-descriptions-item label="申请类型">入学申请</el-descriptions-item>
<el-descriptions-item label="申请内容">申请内容</el-descriptions-item>
</el-descriptions>
</AppCard>
<AppCard title="申请信息">
<el-descriptions :column="3">
<el-descriptions-item label="创建时间">2020-01-01 12：11：00</el-descriptions-item>
<el-descriptions-item label="支付时间">2020-01-01 12：11：00</el-descriptions-item>
<el-descriptions-item label="通知面试时间">2020-01-01 12：11：00</el-descriptions-item>
<el-descriptions-item label="推荐人">郝南国</el-descriptions-item>
<el-descriptions-item label="首次资料提交时间">2020-01-01 12：11：00</el-descriptions-item>
<el-descriptions-item label="结束处理时间">2020-01-01 12：11：00</el-descriptions-item>
<el-descriptions-item label="面试时间">2020-01-01 12：11：00</el-descriptions-item>
<el-descriptions-item label="完成资料提交时间">2020-01-01 12：11：00</el-descriptions-item>
<el-descriptions-item label="更新时间">2020-01-01 12：11：00</el-descriptions-item>
<el-descriptions-item label="操作者">郝参任</el-descriptions-item>
</el-descriptions>
</AppCard>
<AppCard title="沟通信息">
<AppList v-bind="listOptions" ref="appList"></AppList>
</AppCard>
<AppCard title="申请资料">
<el-button type="primary">点击查看</el-button>
</AppCard>
</template>
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论