chore: 初始化营销策划

src/components/base/AppCard.vue

@@ -55,4 +55,12 @@ const styleHeight = computed(() => {
   overflow-x: hidden;
   overflow-y: auto;
 }
+.h2-title {
+  padding-left: 5px;
+  font-size: 18px;
+  font-weight: 500;
+  line-height: 1;
+  margin: 20px 0;
+  border-left: 3px solid #aa1941;
+}
 </style>

src/components/icon/IconMarket.vue

+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="64 64 896 896">
+    <g>
+      <path
+        d="M384 912h496c17.7 0 32-14.3 32-32V340H384v572zm496-800H384v164h528V144c0-17.7-14.3-32-32-32zm-768 32v736c0 17.7 14.3 32 32 32h176V112H144c-17.7 0-32 14.3-32 32z"></path>
+    </g>
+  </svg>
+</template>

src/modules/market/my/api.ts

+import httpRequest from '@/utils/axios'
+
+// 获取实验信息
+export function getExperiment() {
+  return httpRequest.get('/api/lab/v1/experiment')
+}

src/modules/market/my/index.ts

+import type { RouteRecordRaw } from 'vue-router'
+import Layout from '@/components/layout/Index.vue'
+
+const routes: RouteRecordRaw[] = [
+  {
+    path: '/market/my',
+    component: Layout,
+    children: [{ path: '', component: () => import('./views/Index.vue') }]
+  }
+]
+
+export { routes }

src/modules/market/my/views/Index.vue

+<script setup lang="ts">
+// 列表配置
+const listOptions = computed(() => {
+  return {
+    data: [{}, {}],
+    columns: [
+      { label: '序号', type: 'index', width: 60 },
+      { label: '步骤名称', prop: 'class_name' },
+      { label: '步骤状态', prop: 'name' },
+      { label: '开始时间', prop: 'id' },
+      { label: '更新时间', prop: 'id' },
+      { label: '评分', prop: 'id' },
+      { label: '操作', slots: 'table-x', width: 140 }
+    ]
+  }
+})
+</script>
+
+<template>
+  <AppCard>
+    <el-form label-suffix=":" inline class="info">
+      <el-form-item label="实验名称">信用卡数字营销</el-form-item>
+      <el-form-item label="课程名称">数字营销实训课程</el-form-item>
+      <el-form-item label="指导教师">张三疯</el-form-item>
+      <el-form-item label="实验学时">16学时</el-form-item>
+    </el-form>
+    <el-divider />
+    <h2 class="h2-title">营销策划</h2>
+    <AppList v-bind="listOptions">
+      <template>
+        <el-button text type="primary">编辑</el-button>
+        <el-button text type="primary">查看评语</el-button>
+      </template>
+    </AppList>
+  </AppCard>
+</template>
+
+<style lang="scss" scoped>
+.info {
+  display: flex;
+  justify-content: space-between;
+}
+</style>

src/modules/market/review/api.ts

+import httpRequest from '@/utils/axios'
+
+// 获取实验信息
+export function getExperiment() {
+  return httpRequest.get('/api/lab/v1/experiment')
+}

src/modules/market/review/index.ts

+import type { RouteRecordRaw } from 'vue-router'
+import Layout from '@/components/layout/Index.vue'
+
+const routes: RouteRecordRaw[] = [
+  {
+    path: '/market/review',
+    component: Layout,
+    children: [{ path: '', component: () => import('./views/Index.vue') }]
+  }
+]
+
+export { routes }

src/modules/market/review/views/Index.vue

+<script setup lang="ts">
+// 列表配置
+const listOptions = computed(() => {
+  return {
+    data: [{}, {}],
+    columns: [
+      { label: '序号', type: 'index', width: 60 },
+      { label: '班级', prop: 'class_name' },
+      { label: '学号', prop: 'name' },
+      { label: '学生姓名', prop: 'id' },
+      { label: '营销背景分析', prop: 'id' },
+      { label: '营销渠道选择', prop: 'id' },
+      { label: '用户分析', prop: 'id' },
+      { label: '标签体系设计', prop: 'id' },
+      { label: '用户精准分群', prop: 'id' },
+      { label: '自动化营销旅程设计', prop: 'id' },
+      { label: '营销物料设计', prop: 'id' },
+      { label: '得分', prop: 'id' },
+      { label: '操作', slots: 'table-x', width: 200 }
+    ]
+  }
+})
+</script>
+
+<template>
+  <AppCard>
+    <el-form label-suffix=":" inline class="info">
+      <el-form-item label="实验名称">信用卡数字营销</el-form-item>
+      <el-form-item label="课程名称">数字营销实训课程</el-form-item>
+      <el-form-item label="指导教师">张三疯</el-form-item>
+      <el-form-item label="实验学时">16学时</el-form-item>
+    </el-form>
+    <el-divider />
+    <h2 class="h2-title">营销策划</h2>
+    <AppList v-bind="listOptions">
+      <template>
+        <el-button text type="primary">查看营销策划报告</el-button>
+        <el-button text type="primary">评分</el-button>
+      </template>
+    </AppList>
+  </AppCard>
+</template>
+
+<style lang="scss" scoped>
+.info {
+  display: flex;
+  justify-content: space-between;
+}
+</style>

src/stores/menu.ts

@@ -21,6 +21,7 @@ import IconQrcode from '@/components/icon/IconQrcode.vue'
 import IconMiniProgram from '@/components/icon/IconMiniProgram.vue'
 import IconCard from '@/components/icon/IconCard.vue'
 import IconEvent from '@/components/icon/IconEvent.vue'
+import IconMarket from '@/components/icon/IconMarket.vue'
 
 interface State {
   studentMenus: IMenuItem[]
@@ -41,6 +42,11 @@ const studentMenus: IMenuItem[] = [
       }
     ]
   },
+  // {
+  //   name: '营销策划',
+  //   path: '/market/my',
+  //   icon: markRaw(IconMarket)
+  // },
   {
     name: '用户画像',
     path: '/user',
@@ -164,6 +170,11 @@ const adminMenus: IMenuItem[] = [
       }
     ]
   },
+  // {
+  //   name: '营销策划',
+  //   path: '/market/review',
+  //   icon: markRaw(IconMarket)
+  // },
   {
     name: '用户画像',
     path: '/user',