Merge branch 'master' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web

@@ -33,6 +33,14 @@ export const constantRoutes = [
     name: 'fqsq',
     hidden: true,
     meta: { title: '发起申请' }
+  },
+  // 业务流程框架
+  {
+    path: '/workFrame',
+    component: () => import('@/views/ywbl/fqsq/workFrame.vue'),
+    name: 'workFrame',
+    hidden: true,
+    meta: { title: '发起申请' }
   }
 ]
 

@@ -150,7 +150,8 @@ export default {
       });
     },
     ywhClick (item) {
-      const { href } = this.$router.resolve('/fqsq?bsmSlsq=' + item.bsmSlsq + '&bestepid=' + item.bestepid + '&bsmBusiness=' + '&viewtype=1')
+      const { href } = this.$router.resolve('/fqsq?bsmSlsq=' + item.bsmSlsq + '&bestepid=' + item.bestepid + '&bsmBusiness=' + '&viewtype=1');
+      //const { href } = this.$router.resolve('/workFrame?bsmSlsq=' + item.bsmSlsq + '&bestepid=' + item.bestepid + '&bsmBusiness=' + '&viewtype=1');
       window.open(href, '_blank');
     },
   },

@@ -213,7 +213,8 @@ import InformationTable from "./InformationTable";
 import { Init, fristReg } from "@/api/cfdjFlow.js";
 import { mapGetters } from "vuex";
 export default {
- async created() {
+ created() {
+    console.log(1111111111111111);
     var bsmSldy = this.$parent._data.unitData[0].bsmSldy;     
     var formdata = new FormData();
     formdata.append("bsmSldy", bsmSldy);
@@ -227,12 +228,19 @@ export default {
       }
     });
   },
+  watch: {
+
+  },
   components: { InformationTable },
   props: {
     flag: {
       type: Boolean,
       default: false,
     },
+    fetch: {
+      type: Boolean,
+      default: false,
+    },
   },
   computed: {
     ...mapGetters(["dictData"]),

@@ -74,9 +74,10 @@
               v-if="activeName == 'slsq'"
               :is="editItem"
               :flag="flag"
+              :fetch='fetch'
               :key="key"
             />
-            <component :is="editItem" :key="key" />
+            <component :is="editItem" v-else :key="key" />
           </div>
         </div>
       </div>
@@ -115,13 +116,14 @@ export default {
       flag: false,
       headerleftList: [],
       headerRightList: [],
-      activeName: "slxx",
+      activeName: "",
       tabList1: [],
       tabList: [],
       editItem: "",
       issplitScreen: false,
       unitData: [],
       bsmBusiness: "",
+      fetch: false
     };
   },
   watch: {
@@ -173,6 +175,7 @@ export default {
         if (res.code === 200) {
           this.tabList1 = [...res.result.form];
           this.tabList = res.result.form;
+          this.activeName = res.result.form[0].value;
           this.headerleftList = res.result.button;
           this.headerRightList = res.result.operation;
         }

+<template>
+  <div class="container">
+    <!-- 顶部内容框 -->
+    <div class="topButton">
+      <!-- 左侧业务功能按钮 -->
+      <ul>
+        <li
+          @click="operation(index, item)"
+          v-for="(item, index) in leftButtonList"
+          :key="index"
+        >
+          <svg-icon :icon-class="item.icon" />
+          <span class="iconName">{{ item.name }}</span>
+        </li>
+      </ul>
+      <!-- 右侧流程按钮 -->
+      <ul>
+        <li
+          @click="operation(index, item)"
+          v-for="(item, index) in rightButtonList"
+          :key="index"
+        >
+          <svg-icon class="icon" :icon-class="item.icon" />
+          <span class="iconName">{{ item.name }}</span>
+        </li>
+      </ul>
+    </div>
+    <!-- 内容框架 -->
+    <div>
+      <!-- 左侧菜单栏 -->
+      <div></div>
+      <!-- 表单内容区域 -->
+      <div></div>
+    </div>
+  </div>
+</template>
+
+<style scoped lang='scss'>
+@import "~@/styles/mixin.scss";
+
+.svg-icon {
+  width: 2.5em;
+  height: 2.5em;
+}
+.iconName {
+  line-height: 24px;
+  font-size: 12px;
+}
+.container {
+  width: 100%;
+  height: 100%;
+  padding: 0;
+  box-sizing: border-box;
+  background-color: #ffffff;
+  overflow: hidden;
+}
+.topButton {
+  @include flex;
+  width: 100%;
+  height: 80px;
+  background-color: #3498db;
+  color: #ffffff;
+  justify-content: space-between;
+  padding-left: 15px;
+  position: sticky;
+  top: 0;
+  z-index: 100;
+
+  ul {
+    @include flex;
+
+    li {
+      @include flex-center;
+      cursor: pointer;
+      flex-direction: column;
+      margin-right: 15px;
+      box-sizing: border-box;
+      width: 70px;
+      margin: 0 5px;
+    }
+
+    li:hover {
+      border: 1px solid #ffffff;
+      border-radius: 5px;
+      //color: $light-blue ;
+
+      .svg-icon {
+        //color: $light-blue ;
+      }
+    }
+  }
+}
+</style>
+
+<script>
+import { leftMenu, stepExpandInfo, record } from "@/api/fqsq.js";
+export default {
+  data() {
+    return {
+      bsmSlsq: "",
+      bestepid: "",
+      leftButtonList: [],
+      rightButtonList: [],
+    };
+  },
+  mounted() {
+    this.bsmSlsq = this.$route.query.bsmSlsq;
+    this.bestepid = this.$route.query.bestepid;
+    this.loadButton();
+  },
+  methods: {
+    //读取顶部按钮事件
+    loadButton() {
+      var formdata = new FormData();
+      formdata.append("bsmSlsq", this.bsmSlsq);
+      formdata.append("bestepid", this.bestepid);
+      stepExpandInfo(formdata).then((res) => {
+        if (res.code === 200) {
+          this.leftButtonList = res.result.button;
+          this.rightButtonList = res.result.operation;
+        }
+      });
+    },
+  },
+};
+</script>
\ No newline at end of file