1

src/pages/system/processSet.vue

 <style>
-
 </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" v-for="(qitem,qindex) in tabList" :name="qitem.name" :label="qitem.label" :key="qindex" />
+    <q-tabs
+      style="margin-bottom: 20px"
+      v-model="tabCheck"
+      narrow-indicator
+      dense
+      align="left"
+      class="text-primary"
+    >
+      <q-tab
+        :ripple="false"
+        v-for="(qitem, qindex) in tabList"
+        :name="qitem.name"
+        :label="qitem.label"
+        :key="qindex"
+      />
     </q-tabs>
     <div>
-      <template v-if="tabCheck=='1'">
+      <template v-if="tabCheck == '1'">
         <!--退课流程-->
         <backclassflow-form></backclassflow-form>
       </template>
-      <template v-if="tabCheck=='2'">
+      <template v-if="tabCheck == '2'">
         <!--调课流程-->
         <changeclassflow-form></changeclassflow-form>
       </template>
-       <template v-if="tabCheck=='3'">
+      <template v-if="tabCheck == '3'">
         <!--停课流程-->
         <stopclassflow-form></stopclassflow-form>
       </template>
-      <template v-if="tabCheck=='4'">
+      <template v-if="tabCheck == '4'">
         <!-- 转班流程 -->
         <transfer-form></transfer-form>
       </template>
-      <template v-if="tabCheck=='5'">
+      <template v-if="tabCheck == '5'">
         <!-- 临时上课邀请流程 -->
         <temporaryClass-form></temporaryClass-form>
       </template>
-      <template v-if="tabCheck=='6'">
+      <template v-if="tabCheck == '6'">
         <!-- 分拆 -->
         <separate-form></separate-form>
       </template>
+      <template v-if="tabCheck == '7'">
+        <!-- 请假流程 -->
+        <leave-form></leave-form>
+      </template>
     </div>
   </div>
 </template>
 <script>
-  import backclassflowForm from '../../components/flow/backclassflow-form';
-  import changeclassflowForm from '../../components/flow/changeclassflow-form';
-  import stopclassflowForm from '../../components/flow/stopclassflow-form';
-  import transferForm from '../../components/flow/transfer-form';
-  import temporaryClassForm from '../../components/flow/temporaryClass-form';
-  import separateForm from '../../components/flow/separate-form'
-  export default {
-    meta: {
-      title: "流程设置"
-    },
-    components: {
-      backclassflowForm,
-      changeclassflowForm,
-      stopclassflowForm,
-      transferForm,
-      temporaryClassForm,
-      separateForm
-    },
-    data() {
-      return {
-        tabList: [{
-            name: "1",
-            label: "退课流程",
-          },
-          {
-            name: "2",
-            label: "调课流程",
-          },
-          {
-            name: "3",
-            label: "停课流程",
-          },
-          {
-            name: "4",
-            label: "转班流程"
-          },
-           {
-            name: "5",
-            label: "临时上课邀请流程"
-          },
-          {
-            name: "6",
-            label: "分拆"
-          }
-        ],
-        tabCheck: '1',
-      }
-    },
-    created() {},
-    mounted() {
-
-    },
-    methods: {
-
-    }
-  }
-
+import backclassflowForm from "../../components/flow/backclassflow-form";
+import changeclassflowForm from "../../components/flow/changeclassflow-form";
+import stopclassflowForm from "../../components/flow/stopclassflow-form";
+import transferForm from "../../components/flow/transfer-form";
+import temporaryClassForm from "../../components/flow/temporaryClass-form";
+import separateForm from "../../components/flow/separate-form";
+import leaveForm from "../../components/flow/leave-form";
+export default {
+  meta: {
+    title: "流程设置",
+  },
+  components: {
+    backclassflowForm,
+    changeclassflowForm,
+    stopclassflowForm,
+    transferForm,
+    temporaryClassForm,
+    separateForm,
+    leaveForm,
+  },
+  data() {
+    return {
+      tabList: [
+        {
+          name: "1",
+          label: "退课流程",
+        },
+        {
+          name: "2",
+          label: "调课流程",
+        },
+        {
+          name: "3",
+          label: "停课流程",
+        },
+        {
+          name: "4",
+          label: "转班流程",
+        },
+        {
+          name: "5",
+          label: "临时上课邀请流程",
+        },
+        {
+          name: "6",
+          label: "分拆",
+        },
+        {
+          name: "7",
+          label: "请假流程",
+        },
+      ],
+      tabCheck: "1",
+    };
+  },
+  created() {},
+  mounted() {},
+  methods: {},
+};
 </script>