项目文件管理完成

src/api/approve.js

@@ -7,3 +7,11 @@ export const getExamineList = (data) => {
         data
     })
 }
+
+// 按id查询项目流程
+export const getProjectProcessId = (id) => {
+    return service({
+        url: '/projectProcess/queryProjectProcessById?id=' + id,
+        method: 'GET'
+    })
+}

src/router/index.js

@@ -72,6 +72,11 @@ let routes= [
                         name: 'approveList',
                         component: () => import('@/view/approve/components/approveList.vue')
                     },
+                    {
+                        path: 'applyList',
+                        name: 'applyList',
+                        component: () => import('@/view/approve/components/applyList.vue')
+                    },
                     {
                         path: 'flowList',
                         name: 'flowList',

src/view/approve/approve.vue

@@ -13,7 +13,8 @@ const router = useRouter()
 const costValue = ref('/navigation/approve/flowList');
 const costOption = [
   { text: '流程管理', value: '/navigation/approve/flowList' },
-  { text: '审批管理', value: '/navigation/approve/approveList' },
+  { text: '审批列表', value: '/navigation/approve/approveList' },
+  { text: '申请列表', value: '/navigation/approve/applyList' },
 ];
 const changeDropdown = (val) => {
   console.log(val)

src/view/approve/components/applyList.vue

@@ -0,0 +1,13 @@
+<template>
+
+</template>
+
+<script setup>
+defineOptions({
+  name: 'applyList',
+})
+</script>
+
+<style scoped lang="less">
+
+</style>

src/view/approve/components/approveList.vue

@@ -5,20 +5,118 @@
         :title="item.projectProcessName"
         :label="processType(item.projectType)"
         :value="applyPeople(item.user.nickName)"
-        :key="item.ID">
+        :key="item.ID"
+        @click="openDetail(item)"
+    >
     </van-cell>
   </van-cell-group>
+  <van-popup
+      v-model:show="detailShow"
+      position="bottom"
+      style="height: 100%;"
+  >
+    <van-nav-bar
+        title="流程详情"
+        left-text="返回"
+        left-arrow
+        @click-left="detailShow = false"
+    />
+    <van-row style="margin-top: 0.1rem">
+      <van-col
+          :span="24">
+        <van-steps :active="currentStep">
+          <van-step v-for="item in nodeList">
+            {{item.nodeName}}
+          </van-step>
+        </van-steps>
+      </van-col>
+    </van-row>
+    <van-tabs v-model:active="tabActive" class="tabsBox">
+      <van-tab title="流程信息" style="margin-top: 0.6rem">
+        <van-collapse v-model="infoActive">
+          <van-collapse-item
+              v-for="(item,index) in infoList"
+              :key="index + 'a'"
+              :title="item.optionResult"
+              :name="index">
+            {{item.approvalOpinion}}
+          </van-collapse-item>
+        </van-collapse>
+      </van-tab>
+      <van-tab title="流程文件">
+        <van-row style="margin-top: 0.7rem" justify="space-around">
+          <van-col>
+            <van-button
+                icon="plus"
+                type="primary"
+                size="small"
+            >
+              补充文件
+            </van-button>
+          </van-col>
+          <van-col>
+            <van-button
+                icon="revoke"
+                type="primary"
+                size="small"
+                @click="repulseShow = true"
+            >
+              打回申请
+            </van-button>
+          </van-col>
+          <van-col>
+            <van-button
+                icon="success"
+                type="primary"
+                size="small">
+              审核通过
+            </van-button>
+          </van-col>
+        </van-row>
+        <van-row style="margin-top: 0.7rem">
+          <van-col :span="24">
+            <van-cell-group>
+              <van-cell
+                  v-for="item in fileList"
+                  :key="item.ID"
+                  size="large"
+                  :title="item.name"
+                  :value="fileId(item.ID)"
+              >
+              </van-cell>
+            </van-cell-group>
+          </van-col>
+        </van-row>
+      </van-tab>
+    </van-tabs>
+  </van-popup>
+  <van-dialog
+      v-model:show="repulseShow"
+      title="打回申请"
+      show-cancel-button
+      @cancel="repulseShow = false"
+      @confirm="confirmRepulse"
+  >
+    <van-field
+        v-model="repulseContent"
+        rows="3"
+        autosize
+        label="打回理由"
+        type="textarea"
+        placeholder="请输入打回申请的理由"
+    />
+  </van-dialog>
 </template>
 
 <script setup>
-import { getExamineList } from "@/api/approve";
+import { getExamineList, getProjectProcessId } from "@/api/approve";
+import { getProjectFile } from "@/api/project"
 import { useUserStore } from "@/pinia/modules/user"
 defineOptions({
   name: 'approveList',
 })
 const useUser = useUserStore()
 onMounted(() => {
-  console.log(useUser.userInfo.userId)
   queryExamineList()
 })
 const condition = reactive({
@@ -33,13 +131,76 @@ const inspectList = reactive([])
 const queryExamineList = () => {
   getExamineList(condition).then(res => {
     if (res.code === 0) {
-      console.log(res.data.list)
       const list = res.data.list
       inspectList.push(...list)
     }
   })
 }
+// 审核详情
+const detailShow = ref(false)
+const currentStep = ref(0)
+const nodeList = reactive([])
+const infoList = reactive([])
+// 查询项目文件条件
+const fileCondition = reactive({
+  code: '',
+  name: '',
+  genre: 0,
+  pageInfo: {
+    page: 1,
+    pageSize: 1000
+  }
+})
+const fileList = reactive([])
+const openDetail = (data) => {
+  const node = data.process.nodes
+  nodeList.length = 0
+  nodeList.push(...node)
+  node.forEach(item => {
+    if (item.ID === data.currentNodeOrder) {
+      currentStep.value = item.order - 1
+    }
+  })
+  infoList.length = 0
+  infoList.push(...data.descriptions)
+  getProjectProcessId(data.ID).then(res => {
+    if (res.code === 0) {
+      const data = res.data
+      Object.assign(approvalData.projectProcess, data)
+      approvalData.description.projectProcessId = data.ID
+      approvalData.description.nodeId = data.node.ID
+      fileCondition.code = data.code
+      getProjectFile(fileCondition).then(res => {
+        if (res.code === 0) {
+          fileList.length = 0
+          fileList.push(...res.data.list)
+        }
+      })
+    }
+  })
+  detailShow.value = true
+}
+
+const tabActive = ref(0)
 
+const infoActive = ref(['1'])
+
+// 打回申请
+const repulseShow = ref(false)
+const repulseContent = ref('')
+const confirmRepulse = () => {
+}
+// 审核数据
+const approvalData = reactive({
+  projectProcess: {},
+  description: {
+    projectProcessId: 0,
+    approvalOpinion: '',
+    nodeId: 2,
+    approvalTime: '2024-09-23',
+    optionResult: '通过'
+  }
+})
 //计算属性
 const applyPeople = computed(() => {
   return (name) => "申请人：" + name
@@ -47,8 +208,13 @@ const applyPeople = computed(() => {
 const processType = computed(() => {
   return (type) => "类型：" + type
 })
+const fileId = computed(() => {
+  return (id) => "id：" + id
+})
 </script>
 
 <style scoped lang="less">
-
+.tabsBox{
+  width: 100vw;
+}
 </style>