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

src/modules/school/school/views/List.vue

@@ -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

@@ -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

+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

+<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

+<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>