修改

src/App.vue

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

src/pages/course/rewardDetailed.vue

@@ -59,6 +59,9 @@
   import {
     getTeacherDropDownList,
   } from '../../api/school/index';
+  import {
+    EduDownLoad,
+  } from '../../api/common/common';
   export default {
     name: "rewardDetailed",
     data() {
@@ -183,7 +186,8 @@
     },
     methods: {
       Export() {
-        this.GetEduDownLoad("/TeachingRewards/GetTeachingBonusDetailToExcel", this.msg, "课时奖励.xls");
+        var msg = JSON.parse(JSON.stringify(this.msg));
+        EduDownLoad("/TeachingRewards/GetTeachingBonusDetailToExcel", msg, "课时奖励.xls");
       },
       //获取教师下拉
       GetTeacherList() {

src/pages/system/processSet.vue

@@ -16,6 +16,7 @@
     text-align: center;
     line-height: 54px;
     border-radius: 2px;
+    cursor: pointer;
   }
 
   .processLine {
@@ -51,11 +52,61 @@
       line-height: 36px;
       color: #fff;
       border-radius: 50%;
-      margin:0 20px 0 10px
+  }
+  .process_Left{
+    width:40%;
+    height:100%;
+    text-align: right;
+  }
+  .process_center{
+    width:20%;
+    height:100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+  .process_Right{
+    width:40%;
+    height:100%;
+    text-align: left;
+  }
+  .process_OR{
+    background-color: #F28C1D;
+  }
+  .addProcessBtn{
+    width:100%;
+    height:45px;
+    text-align: center;
+    line-height: 45px;
+    color:#2961FE;
+    border:1px dashed #2961FE;
+    border-radius: 2px;
+    cursor: pointer;
+  }
+  .process_BtnList{
+    margin-top:30px;
+    width:100%;
+    display: flex;
+    justify-content: center;
+  }
+  .process_BtnOne{
+    width:90px;
+    height:38px;
+    text-align: center;
+    line-height: 38px;
+    border-radius: 2px;
+    border:1px solid #A1AAB2;
+    color:#000000;
+    cursor: pointer;
+    margin-right:50px;
   }
 </style>
 <template>
   <div class="page-body">
+    <q-tabs style="margin-bottom:20px;" v-model="tabCheck" narrow-indicator dense align="left" class="text-primary">
+      <q-tab :ripple="false" name="1" label="退课流程" />
+      <q-tab :ripple="false" name="2" label="某某流程" />
+    </q-tabs>
     <div class="processSet">
       <div class="processList">
         <div class="processTop">发起人</div>
@@ -63,7 +114,7 @@
           <i class="iconfont icon-down"></i>
         </div>
       </div>
-      <div class="processList">
+      <div class="processList" @click="getItem()">
         <div class="processTop otherList">班级老师</div>
         <div class="processLine">
           <i class="iconfont icon-down"></i>
@@ -71,27 +122,56 @@
       </div>
       <div class="processList">
         <div class="processTop process_TwoList">
-            <div>关联销售</div>
-            <div class="process_He">和</div>
-            <div>刘小勇</div>
+            <div class="process_Left">关联销售</div>
+            <div class="process_center">
+              <div class="process_He">和</div>
+            </div>
+            <div class="process_Right">刘小勇</div>
         </div>
         <div class="processLine">
           <i class="iconfont icon-down"></i>
         </div>
       </div>
-
+      <div class="processList">
+        <div class="processTop process_TwoList">
+            <div class="process_Left">分校校长</div>
+            <div class="process_center">
+              <div class="process_He process_OR">或者</div>
+            </div>
+            <div class="process_Right">教务长</div>
+        </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="addProcessBtn">新增节点</div>
+      <div class="process_BtnList">
+        <div class="process_BtnOne">日志信息</div>
+        <q-btn label="保存" color="accent q-px-md" style="font-weight:400 !important"/>
+      </div>
     </div>
+    <process-form v-if="isShowProcess" :save-obj="processObj" @close="closeProcessForm" @success="refreshPage"></process-form>
   </div>
 </template>
 <script>
+  import processForm from '../../components/system/process-form';
   export default {
     components: {
-
+      processForm
     },
     data() {
       return {
         dateList: [], //开学时间
         msg: {},
+        tabCheck:'1',
+        isShowProcess:false, //显示旁边弹窗
+        processObj:{}, //传递子组件
       }
     },
     created() {},
@@ -101,6 +181,19 @@
     methods: {
       getList() {
 
+      },
+      //点开旁边
+      getItem(){
+        this.isShowProcess=true;
+      },
+      //关闭
+      closeProcessForm(){
+        this.isShowProcess = false
+      },
+      //成功刷新
+      refreshPage(){
+        this.isShowProcess=false;
+        this.getList();
       }
     }
   }

src/utils/erpindex.js

@@ -374,27 +374,5 @@ export default {
       Vue.prototype.previewPDF = function (url) {
         window.open(url);
       }
-
-    //教育文件下载
-    Vue.prototype.GetEduDownLoad = function (cmd, msg, fileName, successCall) {
-      var apiurl = process.env.API + cmd;
-      var postData = {
-        Msg: msg
-      };
-      this.$http.post(apiurl, postData, {
-        responseType: 'arraybuffer'
-      }).then((res) => {
-        let blob = new Blob([res.data], {
-          type: "application/vnd.ms-excel"
-        })
-        let url = URL.createObjectURL(blob);
-        let link = document.createElement('a');
-        link.href = url;
-        link.setAttribute("download", fileName);
-        document.body.appendChild(link);
-        link.click();
-        successCall(res);
-      }).catch(function (res) {});
-    }
   }
 }