案例列表

src/api/cases.js

+import httpRequest from '@/utils/axios'
+
+// 案例列表
+export function caseList(params) {
+  return httpRequest.get('/api/opera/v1/operations/cases', { params })
+}
+
+// 案例详情
+export function caseInfo(id, params = {}) {
+  return httpRequest.get(`/api/opera/v1/operations/${id}/case`, { params })
+}
+
+// 添加案例背景
+export function caseCreate(data) {
+  return httpRequest.post('/api/opera/v1/operations/case', data)
+}
+
+// 更新案例背景
+export function caseUpdate(id, data) {
+  return httpRequest.put(`/api/opera/v1/operations/${id}/case`, data)
+}
+
+// 删除案例背景
+export function caseDelete(id, params) {
+  return httpRequest.delete(`/api/opera/v1/operations/${id}/case`, { params })
+}

src/pages/home/index.vue

 <template>
-  <div>11</div>
+  <div></div>
 </template>

src/pages/triggerEditor/index.vue

@@ -54,7 +54,7 @@ export default {
   data() {
     return {
       triggerMode: [
-        { option: 'A', context: '11' }
+        { option: 'A', context: '' }
       ],
       triggerTime: [
         { option: 'A', context: '' }

src/pages/yhfq/albj/detail.vue

+<template>
+  <div>
+    <div>
+      <el-card class="box-card">
+        <el-breadcrumb separator-class="el-icon-arrow-right">
+          <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
+          <el-breadcrumb-item :to="{ path: '/yhfq/albj' }">案例背景</el-breadcrumb-item>
+          <el-breadcrumb-item :to="{ path: '/yhfq/albj/detail' }">案例背景</el-breadcrumb-item>
+        </el-breadcrumb>
+      </el-card>
+    </div>
+    <div>
+      <el-card class="box-card" style="float: left; width: 33.5%">
+        <div slot="header" class="clearfix">
+          <span style="text-align:center">公司信息</span>
+        </div>
+        <div class="text item">
+          {{ companyDetail }}
+        </div>
+      </el-card>
+      <el-card class="box-card" style="float: left; width: 33.3%">
+        <div slot="header" class="clearfix">
+          <span style="text-align:center">产品信息</span>
+        </div>
+        <div class="text item">
+          {{ productDetail }}
+        </div>
+      </el-card>
+      <el-card class="box-card">
+        <div slot="header" class="clearfix">
+          <span style="text-align:center">职位信息</span>
+        </div>
+        <div class="text item">
+          {{ positionDetail }}
+        </div>
+      </el-card>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'detail',
+  mounted() {
+    var data = this.$route.params
+    console.log('dasdasdas', this.$route.params)
+    this.companyDetail = data.company_detail
+    this.productDetail = data.product_detail
+    this.positionDetail = data.position_detail
+  },
+  data() {
+    return {
+      companyDetail: '',
+      productDetail: '',
+      positionDetail: ''
+    }
+  }
+}
+</script>
+
+<style>
+
+</style>

src/router/routes.js

 import Layout from '@/components/layout'
 
-// 用户分群
+// 用户分组
 const userGroup = [
   /* 首页 */
   { path: '/yhfq', redirect: '/yhfq/albj' },
   { path: '/yhfq/albj', component: () => import(/* webpackChunkName: "usergroup" */ '@/pages/yhfq/albj') },
+  { path: '/yhfq/albj/detail', name: 'case-detail', component: () => import(/* webpackChunkName: "usergroup" */ '@/pages/yhfq/albj/detail') },
   { path: '/albj', component: () => import(/* webpackChunkName: "usergroup" */ '@/pages/yhfq/albj') },
   { path: '/yhfq/alfx', component: () => import(/* webpackChunkName: "usergroup" */ '@/pages/yhfq/alfx') },
   { path: '/yhfq/yhqfx', component: () => import(/* webpackChunkName: "usergroup" */ '@/pages/yhfq/yhqfx') }