增加页面

src/App.vue

@@ -12,7 +12,7 @@ export default {
 
 <style>
 @import url('~assets/css/font.css');
-@import url('//at.alicdn.com/t/font_2077629_ftvlxetznib.css');
+@import url('//at.alicdn.com/t/font_2077629_ag7cz0869bp.css');
 
 html,
 body,

src/pages/system/processSet.vue

+<style>
+  .processSet {
+    width: 350px;
+  }
+
+  .processList {
+    width: 100%;
+    height: auto;
+  }
+
+  .processTop {
+    width: 100%;
+    height: 54px;
+    background-color: #F1F1F1;
+    color: #000000;
+    text-align: center;
+    line-height: 54px;
+    border-radius: 2px;
+  }
+
+  .processLine {
+    width: 100%;
+    height: 54px;
+    background-color: #fff;
+    color: #bbb6b6;
+    text-align: center;
+    line-height: 54px;
+  }
+  .processLine i{
+    font-size: 25px;
+    font-weight: bold;
+  }
+  .otherList{
+      background-color: #2961FE!important;
+      color:#fff;
+      font-weight: bold;
+  }
+  .process_TwoList{
+    display: flex;
+    background-color: #2961FE!important;
+    color:#fff;
+    font-weight: bold;
+    align-items: center;
+    justify-content: center;
+  }
+  .process_He{
+      width:36px;
+      height:36px;
+      background-color: #3FC4FF;
+      text-align: center;
+      line-height: 36px;
+      color: #fff;
+      border-radius: 50%;
+      margin:0 20px 0 10px
+  }
+</style>
+<template>
+  <div class="page-body">
+    <div class="processSet">
+      <div class="processList">
+        <div class="processTop">发起人</div>
+        <div class="processLine">
+          <i class="iconfont icon-down"></i>
+        </div>
+      </div>
+      <div class="processList">
+        <div class="processTop otherList">班级老师</div>
+        <div class="processLine">
+          <i class="iconfont icon-down"></i>
+        </div>
+      </div>
+      <div class="processList">
+        <div class="processTop process_TwoList">
+            <div>关联销售</div>
+            <div class="process_He">和</div>
+            <div>刘小勇</div>
+        </div>
+        <div class="processLine">
+          <i class="iconfont icon-down"></i>
+        </div>
+      </div>
+
+    </div>
+  </div>
+</template>
+<script>
+  export default {
+    components: {
+
+    },
+    data() {
+      return {
+        dateList: [], //开学时间
+        msg: {},
+      }
+    },
+    created() {},
+    mounted() {
+      this.getList();
+    },
+    methods: {
+      getList() {
+
+      }
+    }
+  }
+
+</script>

src/router/routes.js

@@ -87,6 +87,11 @@ const routes = [{
         component: () =>
           import("pages/system/msgmanage.vue")
       },
+      {
+        path: "/system/processSet", //流程配置
+        component: () =>
+        import("pages/system/processSet.vue")
+      },
       {
         path: "/course/catagory", //课程分类
         component: () =>