借款申请流程

src/views/expense/loanRequest/record.vue

@@ -45,7 +45,13 @@
                 <div class="title">流程</div>
                 <div class="content">
                     <el-scrollbar>
-                        <el-timeline>
+                        <el-timeline v-if="isshowOver">
+                            <el-timeline-item v-for="(item, index) in timeLineData1" :key="index">
+                                <div class="timeline-title">{{item.title}}</div>
+                                <div class="timeline-section">{{item.section}}</div>
+                            </el-timeline-item>
+                        </el-timeline>
+                        <el-timeline v-else>
                             <el-timeline-item v-for="(item, index) in timeLineData" :key="index">
                                 <div class="timeline-title">{{item.title}}</div>
                                 <div class="timeline-section">{{item.section}}</div>
@@ -69,7 +75,7 @@
 </template>
 
 <script setup>
-import {ref, onActivated} from "vue";
+import {ref, onActivated,watch} from "vue";
 import {useRouter, useRoute} from 'vue-router'
 import mainApi from "~api/expense/loanRequest";
 import {getNumberToChinese,getApprovesList} from "~api/other";
@@ -91,20 +97,30 @@ onActivated(() => {
 //请求接口
 const getApi = () => {
     //清空流程数据
-    timeData.value=[]
-    timeLineData.value=[]
     getApprovesListData()
     //获取数据详情
     if (dataId.value > 0) {
         getDetailsData()
     } else {
         formModel.value = {}
+        isshowOver.value=true
     }
 }
 
 //明细表单
 const formRef = ref(null)
 const formModel = ref({})
+const isshowOver=ref(true)
+//深度监听
+watch(() => [
+    formModel.value.loanMoney
+], ([datas]) => {
+    if(datas>1000){
+        isshowOver.value=false
+    }else{
+        isshowOver.value=true
+    }
+}, {deep: true})
 const formRules = {
     loanUserName: [{required: true, message: '请输入申请人', trigger: 'blur'}],
     loanMoney: [{required: true, message: '请输入申请金额', trigger: 'blur'}],
@@ -145,24 +161,48 @@ const getNumberToChineseApi = async (loanMoney) => {
 const timeData=ref({})
 //流程数据
 const timeLineData = ref([
-    // {title: '审批人', section: '部门负责人'},
-    // {title: '财务审核', section: '财务'},
-    // {title: '最终确认付款人', section: '总经理'},
-    // {title: '出纳付款', section: '出纳'},
-    // {title: '抄送人', section: '总经理、财务、申请人'},
+    {title: '审批人', section: '部门负责人'},
+    {title: '财务审核', section: '财务'},
+    {title: '最终确认付款人', section: '总经理'},
+    {title: '出纳付款', section: '出纳'},
+    {title: '抄送人', section: '总经理、财务、申请人'},
+])
+//报销金额小于1000
+const timeLineData1 = ref([
+    {title: '审批人', section: '部门负责人'},
+    {title: '付款确认', section: '财务'},
+    {title: '出纳付款', section: '出纳'},
+    {title: '抄送人', section: '总经理、财务、申请人'},
 ])
 const getApprovesListData=async()=>{
     const {error, code, data} = await getApprovesList()
     if (!error && code === 200) {
-     console.log(data,'data');
      timeData.value=data['借款申请流程']
-     console.log( timeData.value,' timeData.value');
-     for(var i in timeData.value) {
-        timeLineData.value.push({
-            title:i,
-            section:timeData.value[i].join(',')
-        })
-     }
+     let approveArr=timeData.value['审批人']
+     //小于1000
+    let value = '总经理'
+    let newSet = new Set(approveArr)
+    newSet.delete(value)
+    let newArr = [...newSet]
+     let copyArr=timeData.value['抄送人']
+     timeLineData1.value.forEach((ele,index)=>{
+        if(ele.title!=='抄送人'){
+            ele.section=newArr[index]
+        }else{
+            ele.section=copyArr.join(',')
+        }
+
+     })
+     //大于1000
+     timeLineData.value.forEach((ele,index)=>{
+        if(ele.title!=='抄送人'){
+            ele.section=approveArr[index]
+        }else{
+            ele.section=copyArr.join(',')
+        }
+
+     })
+    console.log( timeLineData.value,' timeData.value');
     } else {
         timeLineData.value=[]