feat: page

TODO.md

@@ -3,14 +3,16 @@
 
 ### 前端TODO
 
-* [ ] 上传文件/图片等模块
+* [ ] 下载文件通过链接下载
+* [ ] 抄送人超过三个时显示状态需要更新
+
+* [x] 上传文件/图片等模块
 * [ ] 审批详情 底部的 各种功能ICONS 需要设计师给予
 * [ ] 审批详情 顶部 ICON需要 设计切图
 
 * [ ] 我的出差-详情页面缺少 发起人字段
 
-
-#### 个人中心页面
+#### (Front end)个人中心页面
 
 * [ ] 个人中心`tag`Icons需要补充
 * [ ] 个人中心头像和签名图片是走钉钉。 尚未自测
@@ -20,3 +22,4 @@
 * [x] 个人申请详情无法查看
 * [ ] 我的出差-详情页面 流程中缺少发起人数据
 * [ ] 个人中心-用户详情 缺少学校字段
+* [ ] 个人中心 编辑接口 - 更新失败

src/router/index.js

@@ -40,6 +40,11 @@ const routes = [
     name: 'AskForLeave',
     component: () => import(/* webpackChunkName: "type6" */ '../views/applyfor/askForLeaveType.vue')
   },
+  {
+    path: '/applyfor/product-store',
+    name: 'ProductStore',
+    component: () => import(/* webpackChunkName: "applyfor" */ '../views/applyfor/ProductStore.vue')
+  },
 
   // NOTE：我的审核状态
   {

src/store/modules/enum.js

@@ -17,6 +17,8 @@ const state = {
     maintainTypeList: [], // 维修类型
     contractTypeList: [], // 合同类型
 
+    timeList: [], // 请假周期列表  
+
     // 1=待审批,2=审批中,3=审批通过,4=审批拒绝  
     // NOTE: 审批信息中的审核流程枚举
     approveFlowPathEnum: [undefined, '待审核', '审核中', '已通过', '已驳回'],
@@ -97,6 +99,11 @@ const mutations = {
     // NOTE: 合同类型
     SET_CONTRACT_TYPE_LIST(state, payload) {
         state.contractTypeList = [...payload.list]
+    },
+
+    // NOTE: 请假周期列表
+    SET_TIME_LIST (state, payload) {
+        state.timeList = [...payload.list]
     }
 }
 
@@ -114,7 +121,8 @@ const actions = {
                         data5,
                         data6,
                         data8,
-                        data9
+                        data9,
+                        time_list
                     } = result.data
                     commit({
                         type: 'SET_EVECTION_TYPE_LIST',
@@ -152,6 +160,10 @@ const actions = {
                         type: 'SET_CONTRACT_TYPE_LIST',
                         list: data9
                     })
+                    commit({
+                        type: 'SET_TIME_LIST',
+                        list: time_list
+                    })
                     resolve()
                 }
             }).catch(error => reject(error))

src/utils/approve-item.js

@@ -53,7 +53,7 @@ export function formatApproveItemRow(data, type) {
                 },
                 {
                     label: '同行人员',
-                    val: data.peer_user.length ? data.peer_user.map(user => (user.name)).join('、') : '暂无同行人员'
+                    val: Array.isArray(data.peer_user) && data.peer_user.length ? data.peer_user.map(user => (user.name)).join('、') : '暂无同行人员'
                 },
                 {
                     label: '出差时间',

src/utils/constant.js

@@ -8,3 +8,12 @@ export const PicSize = 10
 
 // 手机号的基础正则
 export const phoneRegexp = /^1[0-9]{10}$/i
+
+// excel suffix
+export const excelSuffix = [
+  '.xlsx',
+  '.xls',
+  '.xlsm',
+  '.xlsb',
+  '.csv',
+]

src/utils/import-vant.js

@@ -22,11 +22,12 @@ import {
     Switch,
     List,
     Dialog,
-    ImagePreview
+    ImagePreview,
+    Checkbox
 } from 'vant'
 
 Vue.use(Tab).use(Tabs).use(Popup).use(Toast).use(Field).use(Button).use(NavBar).use(Icon).use(Tabbar).use(TabbarItem).use(Picker)
-.use(Uploader).use(Calendar).use(DatetimePicker).use(ActionSheet).use(Switch).use(List).use(Dialog)
+.use(Uploader).use(Calendar).use(DatetimePicker).use(ActionSheet).use(Switch).use(List).use(Dialog).use(Checkbox)
 
 
 Vue.use(ImagePreview)

src/utils/util.js

@@ -110,4 +110,19 @@ const checkRegexp = regexp => (str) => regexp.test(str)
  * @param {String} phonenumber
  * @returns {boolean}
  */
-export const checkMobile = checkRegexp(phoneRegexp)
+export const checkMobile = checkRegexp(phoneRegexp)
+
+/**
+ * 通过A链接的方式下载文件
+ * @param {string} href 文件地址链接
+ */
+export const downloadFileUseATarget = (href) => {
+    const { name } = getStaticLinkInfo(href)
+    var link = document.createElement('a');
+    link.style.display = 'none';
+    document.body.appendChild(link);
+    link.href = href // 将下载链接替换为实际的下载链接
+    link.download = name // 将文件名替换为希望保存的文件名
+    link.click();
+    document.body.removeChild(link);
+}

src/views/apply-state/index.vue

@@ -425,7 +425,6 @@ export default {
     }
 }
 
-
 .popup {
     &__title {
         text-align: center;

src/views/applyfor/ProductStore.vue

@@ -0,0 +1,261 @@
+<template>
+  <div class="product-store-container flex flex-col">
+    <div class="product-store__header">
+      <div class="search-box">
+        <van-field
+          v-model="searchVal"
+          clearable
+          placeholder="搜索"
+          left-icon="search"
+          @click="handleClickSearchBox"
+        />
+      </div>
+      <div class="sub-title">
+        <span>商品库</span>
+      </div>
+    </div>
+
+
+    <!-- 展示内容 -->
+    <div class="product-store__main">
+      <div class="row"
+        v-for="(item, idx) in tableData"
+        :key="idx"
+      >
+        <div class="row__header row__header--b-line flex flex-row flex-row-aic">
+          <div class="row__header__content">
+            {{ item.label }}
+          </div>
+          <div class="row__header__more flex flex-row flex-row-aic" @click="handleClickRow(item, idx)">
+            <van-icon name="cluster-o" :size="26" color="#3290C4" />
+            <span class="txt">下级</span>
+          </div>
+        </div>
+        <div class="row__main" v-if="item.expand">
+          <div class="row__second"
+            v-for="(second, idx2) in item.children"
+            :key="idx2"
+          >
+            <div class="row__second__header row__second__header--b-line flex flex-row flex-row-aic" @click="handleClickSecondRow(second, idx2)">
+              <div class="row__second__header__content">
+                {{ second.label }}
+              </div>
+              <div class="row__second__header__more">
+                <!-- <van-icon name="arrow-up" /> -->
+                <van-icon v-if="second.expand" name="arrow-up" :size="24" color="rgba(162, 163, 164, 1)" />
+                <van-icon v-else name="arrow-down" :size="24" color="rgba(162, 163, 164, 1)" />
+              </div>
+            </div>
+            <div class="row__second__main" v-if="second.expand">
+              <div class="row__third-item flex flex-row flex-row-aic"
+                v-for="(third, idx3) in second.children"
+                :key="idx3"
+              >
+                <van-checkbox
+                  v-model="third.checked"
+                  for="c1"
+                >
+                  <span id="c1" class="content">{{ third.label }}</span>
+                </van-checkbox>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    
+    <van-popup
+      class="popupxx"
+      v-model="popupVisibility"
+      position="bottom"
+      :style="{ height: '60%' }"
+      closeable
+      close-icon-position="top-right"
+    >
+      <div class="popup__header">全部筛选</div>
+      <div class="popup__main">
+        123
+      </div>
+      <div class="popup__footer">
+        <div class="btn-container">
+          <span class="btn-span">submit</span>
+        </div>
+      </div>
+    </van-popup>
+  </div>
+</template>
+
+<style lang="less" scoped>
+@import url('@/styles/variables.less');
+.product-store {
+  &-container {
+    height: 100vh;
+    justify-content: space-between;
+  }
+  &__header {
+    padding: 10px 12px 0;
+    background-color: @white;
+    .search-box {
+      .van-cell.van-field {
+        background: rgba(118,118,128,0.12);
+        border-radius: 8px;
+      }
+    }
+    .sub-title {
+      font-size: @font-size-third;
+      font-weight: 400;
+      color: #727273;
+      line-height: 18px;
+      padding: 10px 0;
+    }
+  }
+  &__main {
+    padding: 10px 0;
+    height: 0;
+    flex: 1;
+    .row {
+      margin-bottom: 10px;
+      background-color: @white;
+      &__header {
+        padding: 10px 12px;
+        justify-content: space-between;
+        &--b-line {
+          border-bottom: 1px solid #eee;
+        }
+        &__content {
+          font-size: @font-size-secondery;
+        }
+        &__more {
+          font-size: 16px;
+          border-left: 1px solid rgba(151, 151, 151, 0.4);
+          padding: 3px 10px 3px 20px;
+          span.txt {
+            padding-left: 6px;
+            color: #3290c4;
+          }
+        }
+      }
+
+      &__main {
+        padding-left: 36px;
+      }
+
+      &__second {
+        &__header {
+          padding: 10px 12px;
+          justify-content: space-between;
+          &--b-line {
+            border-bottom: 1px solid #eee;
+          }
+          &__content {
+            font-size: @font-size-secondery;
+          }
+          &__more {
+
+          }
+        }
+        &__main {
+          padding-left: 30px;
+        }
+      }
+      &__third-item {
+        padding: 10px 12px;
+        font-size: @font-size-third;
+        border-bottom: 1px solid #eee;
+        &:last-child {
+          border-bottom-color: transparent;
+        }
+        .content {
+          padding-left: 10px;
+        }
+      }
+    }
+  }
+
+}
+
+.popup {
+  &__title {
+    text-align: center;
+    font-size: @font-size-common;
+    font-weight: 600;
+    color: #0A1629;
+    line-height: 46px;
+    padding-bottom: 30px;
+  }
+  &__main {}
+  &__footer {}
+}
+</style>
+
+<script>
+// vueBus.$emit('updateProductList', [])
+export default {
+  name: "ProductStore",
+  data: () => ({
+    searchVal: '',
+    tableData: [
+      {
+        label: '卫生用品',
+        children: [
+          {
+            label: '服装用品',
+            children: [
+              {
+                label: '防护服'
+              },
+              {
+                label: '防护服222'
+              }
+            ]
+          },
+          {
+            label: '生活用品',
+            children: [
+              {
+                label: '鞋刷子'
+              }
+            ]
+          }
+        ]
+      },
+      {
+        label: '卫生用品2',
+        children: [
+          {
+            label: '服装用品2-1',
+            children: [
+              {
+                label: '防护服2-1-1'
+              }
+            ]
+          },
+          {
+            label: '生活用品2-2',
+            children: [
+              {
+                label: '鞋刷子2-2-1'
+              }
+            ]
+          }
+        ]
+      },
+    ],
+    popupVisibility: true
+  }),
+  methods: {
+    handleClickSearchBox(){},
+    handleClickRow(row) {
+      console.log('%c printlog >>>', 'background: blue; color: #fff', row);
+      
+      row.expand = !row.expand
+      this.$forceUpdate()
+    },
+    handleClickSecondRow (row) {
+      row.expand = !row.expand
+      this.$forceUpdate()
+    }
+  }
+
+}
+</script>

src/views/applyfor/askForLeaveType.vue

@@ -8,6 +8,7 @@
             <div class="rows__item flex flex-row flex-row-aic"
                 v-for="(row, idx) in list"
                 :key="row.id"
+                @click="handleClickRows(row)"
             >
                 <div class="content flex flex-row flex-row-aic">
                     <div class="left">
@@ -18,9 +19,8 @@
                 </div>
                 <div class="right">
                     <span>按照半天请假</span>
-                    <!-- life 剩余多少假期等等 -->
                 </div>
-                <van-icon name="arrow" :size="20" />
+                <van-icon name="arrow" :size="20" color="rgba(114, 114, 115, .6)" />
             </div>
         </div>
     </div>
@@ -32,13 +32,11 @@
         font-size: 12px;
         font-weight: 400;
         color: #727273;
-        line-height: 24px;
+        line-height: 28px;
+        text-indent: 1em;
     }
-
     .rows {
-        &-container {
-        }
-        
+        // &-container {}
         &__item {
             justify-content: space-between;
             padding: 8px 18px;
@@ -57,10 +55,10 @@
                     height: 7px;
                     margin-right: 6px;
                     border-radius: 7px;
+                    background: #FA9340;
                     &--0 {
                         background: #FA9340;
                     }
-                    
                     &--1 {
                         background: #008BFF;
                     }
@@ -103,7 +101,6 @@
                     font-weight: 400;
                     color: #191A1E;
                 }
-                
             }
             .midd-line {
                 width: 1px;
@@ -114,7 +111,7 @@
             .right {
                 font-size: 14px;
                 font-weight: 400;
-                color: #727273;
+                color: rgba(114, 114, 115, .6);
                 line-height: 20px;
             }
         }
@@ -125,7 +122,6 @@
 <script>
 import { mapState } from 'vuex';
 
-
 export default {
     name: 'AskForLeave',
     computed: {
@@ -133,13 +129,17 @@ export default {
             list: state => state.leaveTypeList || []
         })
     },
-    data () {
-        return {
-
-        }
-    },
     methods: {
-
+        handleClickRows (row) {
+            const { id } = row
+            this.$router.push({
+                name: 'Applyfor',
+                query: {
+                    type: 6,
+                    asktype: id
+                }
+            })
+        }
     }
 }
 </script>

src/views/applyfor/components/CProductStore.vue

@@ -0,0 +1,247 @@
+<template>
+  <div class="product-store-container">
+    <div class="product-store__header flex flex-row flex-row-aic">
+      <div class="left-title">
+        <span>领用明细</span>
+        <span class="required">*</span>
+      </div>
+      <div class="right-content flex flex-row flex-row-aic">
+        <span @click="productStoreActionsheetVisibility = true" >批量导入</span>
+        <span class="divider"></span>
+        <span @click="handleGoPStore">商品库选择</span>
+      </div>
+    </div>
+    <template v-if="list.length">
+    </template>
+
+    <template v-else>
+      <div class="product-store__empty">
+        还未添加领用物品
+      </div>
+    </template>
+
+
+    <!-- NOTE: 弹窗提示批量导入 -->
+    <van-action-sheet
+      v-model="productStoreActionsheetVisibility"
+      :actions="actions"
+      cancel-text="取消"
+      close-on-click-action
+      @cancel="onCancel"
+      @select="handleSelectSheet"
+    >
+      <div
+        class="action-sheet-container"
+        slot="description"
+        @click="handleDownloadHelp">
+        <div class="icon">
+          <img src="" alt="">
+        </div>
+        <div class="title">批量导入方法说明.Excel</div>
+        <div class="sub-title">264.45 KB</div>
+      </div>
+    </van-action-sheet>
+
+    <div class="tip" style="font-size: 14px;" @click="handleTips">tishi</div>
+
+    <input
+      ref="importTemlate"
+      :accept="excelSuffix"
+      type="file"
+      name="file"
+      id="file"
+      @change="handleInputFileChange"
+    />
+  </div>
+</template>
+
+<style lang="less" scoped>
+@import url('@/styles/variables.less');
+.product-store {
+  &-container {
+    margin-top: 10px;
+
+    #file {
+      font-size: 0;
+      width: 0;
+      height: 0;
+      visibility: hidden;
+      line-height: 0;
+      padding-block: 0;
+      padding-inline: 0;
+      position: absolute;
+    }
+  }
+  &__header {
+    padding: 4px 12px 8px;
+    justify-content: space-between;
+    .left-title {
+      font-size: @font-size-common;
+      color: #727273;
+      .required {
+        color: red;
+      }
+    }
+    .right-content {
+      font-size: @font-size-third;
+      span {
+        color: @link-color;
+      }
+      .divider {
+        display: inline-block;
+        width: 1px;
+        height: 10px;
+        margin: 0 8px;
+        background-color: rgba(151, 151, 151, 0.5);
+      }
+    }
+  }
+  &__empty {
+    font-size: @font-size-secondery;
+    font-weight: 400;
+    color: #191A1E;
+    line-height: 20px;
+    padding: 15px 12px;
+    background-color: @white;
+  }
+}
+.action-sheet-container {
+  .icon {
+    img {
+      width: 35px;
+      height: 42px;
+      background: #DFECFD;
+    }
+  }
+  .title {
+    font-size: 12px;
+    font-weight: 400;
+    color: #191A1E;
+    line-height: 18px;
+  }
+  .sub-title {
+    font-size: 12px;
+    font-weight: 400;
+    color: #9A9A9A;
+    line-height: 18px;
+  }
+}
+</style>
+
+<script>
+
+import { excelSuffix } from '@/utils/constant'
+import upload from '@/utils/upload';
+import vueBus from '@/utils/vueBus';
+
+export default {
+  name: 'CProductStore',
+  data: () => ({
+    excelSuffix: excelSuffix.join(','),
+    productStoreActionsheetVisibility: false,
+    actions: [
+      { name: '下载模板', color: 'rgba(0, 122, 255, 1)' },
+      { name: '导入模板', color: 'rgba(0, 122, 255, 1)' },
+    ],
+    list: []
+  }),
+
+  created () {
+    vueBus.$on('updateProductList', this.handleUpdateList)
+  },
+  methods: {
+    handleUpdateList(data) {
+      console.log('emit', data);
+    },
+    onCancel() {
+      this.$toast('取消')
+      // Toast('取消');
+    },
+
+    handleSelectSheet (action, idx) {
+      switch(idx) {
+        case 0:
+          this.handleDownloadTemplate()
+          break
+        case 1:
+          // this.handleImportFile()
+          this.$refs.importTemlate.click()
+          break
+      }
+    },
+    /**
+     * @description 下载文件模板
+     */
+    handleDownloadTemplate () {
+      this.$toast('通过a链接下载文件')
+      // downloadFileUseATarget
+    },
+
+    // listener input:file change
+    handleInputFileChange (event) {
+      let files = event.target.files
+      if (files.length) {
+        let file = files[0]
+        console.log('%c change file >>>', 'background: blue; color: #fff', file);
+        this.handleImportFile(file)
+      } else {
+        this.$refs.importTemlate.value = ''
+      }
+    },
+
+    // import file
+    async handleImportFile (file) {
+      try {
+        const fileHref = await upload(file)
+        console.log('%c fileHref >>>', 'background: blue; color: #fff', fileHref);
+
+        // TODO: 导入模板Api
+        // const result = await postFileTemplate({
+        //   href: fileHref
+        // })
+        // if (result.code === 1) {
+        //   console.log('%c handleImportFile >>>', 'background: blue; color: #fff', result.data);
+        // }
+      } catch (error) {
+        console.log('%c handleImportFileError >>>', 'background: blue; color: #fff', error);
+        
+      }
+
+    },
+    // 下载批量导入说明
+    handleDownloadHelp () {
+      this.$toast('下载批量导入说明')
+      console.log('%c printlog >>>', 'background: blue; color: #fff', );
+      // downloadFileUseATarget
+    },
+
+    handleTips () {
+      this.$dialog.confirm({
+        message: `
+        1、导入的物品-学生秋季校服商品库不存在
+        2、导入的物品-老师办公用品A4纸商品库不存在
+        3、导入的物品-库存不足，缺少5件
+        `,
+        confirmButtonText: '取消申领',
+        confirmButtonColor: 'rgba(0, 122, 255, 1)',
+        cancelButtonText: '按已有的库存申领'
+      }).then(res => {
+        // TODO: 取消申请
+        console.log(res);
+      }).catch(err => {
+        // TODO: 继续领取
+        console.log(err);
+      })
+    },
+    // 前往商品库列表
+    handleGoPStore () {
+      this.$router.push({
+        name: 'ProductStore'
+      })
+    }
+  },
+  beforeDestroy () {
+    vueBus.$off('updateProductList', this.handleUpdateList)
+  }
+}
+</script>

src/views/applyfor/components/CSelect.vue

@@ -125,7 +125,8 @@ export default {
                         if (fidx >= 0) this.selectVal = this.list[fidx][this.pickerValueKey]
                     }
                 }
-            }
+            },
+            immediate: true
         }
     }
 }

src/views/applyfor/components/IndexType4.vue

@@ -5,8 +5,7 @@
             v-model="reason"
         />
 
-
-        <!-- TODO: 领用明细 -->
+        <c-product-store />
 
         <c-files
             ctype="files"
@@ -39,12 +38,17 @@ import indexMixin from '../indexMixins'
 import { postCreateInfo } from '@/api/approveinfo'
 import { editApprove } from '@/api/approve'
 
+import CProductStore from './CProductStore.vue'
+
 
 export default {
     name: 'IndexType4',
     mixins: [
         indexMixin
     ],
+    components: {
+        CProductStore
+    },
     data () {
         return {
             postApi: null,

src/views/applyfor/components/IndexType6.vue

@@ -24,7 +24,7 @@
         />
 
         <c-input 
-            title="请假时长"
+            title="请假时长(时)"
             input-type="number"
             v-model="time"
         />
@@ -72,17 +72,22 @@
 import indexMixin from '../indexMixins'
 import { postCreateInfo } from '@/api/approveinfo'
 import { editApprove } from '@/api/approve'
-
+import { mapState } from 'vuex'
 
 export default {
     name: 'IndexType6',
     mixins: [
         indexMixin
     ],
+    computed: {
+        ...mapState("enum", {
+            "askForleaveTypeList": "leaveTypeList",  // 请假类型
+            "timeList": "timeList"
+        })
+    },
     data () {
         return {
             postApi: null,
-            askForleaveTypeList: this.$store.state.enum.leaveTypeList, // 请假类型
 
             // formData start
             id: '',
@@ -98,24 +103,38 @@ export default {
             end_am: '', // 结束时间段（上午/下午）
             time: '', // 请假时长
             approve_user: [],
-            copy_user: []
+            copy_user: [],
             // formData end
+
+            flow_item: '',
         }
     },
 
     created () {
-        console.log('%c type6 main >>>', 'background: blue; color: #fff', this.$route);
-        // TODO: 判断是否有请假类型。 无请假类型router.replace到请假类型上
-
-        this.getCommonFlowPathData()
-        this.postApi = this.flag === 'approve' ? editApprove : postCreateInfo
+        // NOTE: 判断是否有请假类型。 无请假类型router.replace到请假类型上
+        let type = this.$route.query.asktype
+        if (!type) {
+            this.$router.replace({
+                name: 'AskForLeave'
+            })
+        } else this.type = type
     },
 
     methods: {
+        init () {
+            this.getCommonFlowPathData()
+            this.postApi = this.flag === 'approve' ? editApprove : postCreateInfo
+        },
+
+        handleGetAskLeaveTykpe(type) {
+            console.log('%c get type value >>>', 'background: blue; color: #fff', type);
+        },
+
         // 获取编辑数据
         handleFormatEditData (data) {
             console.log('%c edit data type6 >>>', 'background: blue; color: #fff', data);
         },
+
         /**
          * @description 提交数据默认函数
          */
@@ -127,6 +146,7 @@ export default {
             console.log('execute handleSubmitData', formData);
             this.__post__(formData)
         },
+
         __format_data__ () {
             let templateObj = {
                 module: this.module,
@@ -147,9 +167,11 @@ export default {
                 templateObj.end_time = date
                 templateObj.end_am = amOrPm
             }
+
             // TODO: 格式化尚未完成
             // document
             // images
+
             return templateObj
         },
         validate (data) {
@@ -186,16 +208,49 @@ export default {
                         }
                     })
                     */
-
                 }
             } catch(e) {
                 console.log('it5, __post__', e);
             }
         },
+
+        // NOTE: 检查时间并且查询流程数据
+        checkTimeAndGetFlow () {
+            let start_time = this.start_time
+            let end_time = this.end_time
+
+            if (!(start_time && end_time)) return
+
+            let label = ''
+            if (start_time === end_time) {
+                label = '半天'
+            } else if (start_time.split(' ')[0] === end_time.split(' ')[0]) {
+                label = '一天'
+            } else {
+                label = '一天以上'
+            }
+            let target = this.timeList.filter(timeItem => timeItem.name === label)
+            let id = undefined
+            if (target.length) {
+                id = target[0].id
+                this.flow_item = id
+                this.getCommonFlowPathData({
+                    flow_item: id
+                })
+            }
+        },
     },
+
     watch: {
         type (val, valo) {
             if (val && val !== valo) this.getCommonFlowPathData()
+        },
+
+        start_time () {
+            this.checkTimeAndGetFlow()
+        },
+        end_time () {
+            this.checkTimeAndGetFlow()
         }
     }
 }

src/views/applyfor/components/Layout.vue

@@ -17,7 +17,6 @@
         .require {
             font-size: 14px;
             font-weight: 400;
-
         }
         .title {
             color: #191A1E;
@@ -30,6 +29,9 @@
             margin-left: 2px;
         }
     }
+    &__title {
+        font-size: 14px;
+    }
 }
 </style>
 

src/views/applyfor/indexMixins.js

@@ -35,19 +35,17 @@ export default {
         /**
          * @description 普通申请人获取的默认审核流程数据
          *  */
-        async getCommonFlowPathData () {
+        async getCommonFlowPathData (options = {}) {
             try {
                 let module = this.module
                 const params = {
                     module
                 }
 
-                // NOTE: moduel = [5, 6]时，需要填写 `flow_item`字段。 取值 `type`; 获取审批流程
-                if ([5, 6].includes(module)) {
-                    params['flow_item'] = this.type
-                }
+                // NOTE: moduel = [5, 6]时，需要填写 `flow_item`字段。 取值 `options.flow_item`; 获取审批流程
+                if ([5, 6].includes(module) && options.flow_item) params['flow_item'] = options.flow_item
 
-                console.log('%c getCommonFlowPathData >>>', 'background: blue; color: #fff', params);
+                console.log('%c getCommonFlowPathData Params >>>', 'background: blue; color: #fff', params);
                 
                 const res = await getApproveFlowPath(params)