支付申请流程

src/views/expense/finReimburse/record.vue

@@ -99,7 +99,7 @@
                 <div class="title">流程</div>
                 <div class="content">
                     <el-scrollbar>
-                        <el-timeline v-if="totalFrMoney<1000">
+                        <el-timeline v-if="totalFrMoney<=1000">
                             <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>

src/views/expense/paymentRequest/record.vue

@@ -87,7 +87,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>
@@ -124,7 +130,7 @@
 </template>
 
 <script setup>
-import {ref, onActivated} from "vue";
+import {ref, onActivated,watch} from "vue";
 import {useRouter, useRoute} from 'vue-router'
 import {getProjectList,getuserList,getApprovesList} from "~api/other";
 import mainApi from "~api/expense/paymentRequest";
@@ -138,7 +144,7 @@ const useRoutes = useRoute()
 
 //路由参数
 const dataId = ref(useRoutes?.query?.id ?? '')
-
+const isshowOver=ref(true)//显示小于1000的流程
 //页面被激活
 onActivated(() => {
     dataId.value = useRoutes?.query?.id ?? ''
@@ -148,8 +154,7 @@ onActivated(() => {
 //请求接口
 const getApi = () => {
     //清空流程数据
-    timeData.value=[]
-    timeLineData.value=[]
+  
     //下拉框相关数据
     getProjectData()
     getUserDict()
@@ -158,6 +163,7 @@ const getApi = () => {
     if (dataId.value > 0) {
         getDetailsData()
     } else {
+        isshowOver.value=true
         formModel.value = {}
     }
 }
@@ -188,7 +194,19 @@ const getUserDict=async()=>{
 
 //表单
 const formRef = ref(null)
-const formModel = ref({})
+const formModel = ref({
+    afMoney:0
+})
+//深度监听
+watch(() => [
+    formModel.value.afMoney
+], ([datas]) => {
+    if(datas>1000){
+        isshowOver.value=false
+    }else{
+        isshowOver.value=true
+    }
+}, {deep: true})
 const formRules = {
     afDate: [{required: true, message: '请选择申请时间', trigger: 'change'}],
     afUserId: [{required: true, message: '请选择申请人', trigger: 'change'}],
@@ -332,24 +350,49 @@ const relatedCloseClick = () => {
 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(',')
-        })
-     }
+     console.log(timeData.value,timeData.value);
+     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=[]