From 95418668ca45eafc4879d93a451f2a0a4f69dfe1 Mon Sep 17 00:00:00 2001
From: haha <lj7788@126.com>
Date: Thu, 28 Dec 2023 23:35:19 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A4=A7=E5=B1=8F=E5=B7=A5=E7=A8=8B=E7=AE=A1?=
 =?UTF-8?q?=E7=90=86=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/flow/index.js                  |  14 ++-
 src/pages/engin/flowListByCategory.vue | 148 +++++++++++++++++++++++++
 src/pages/projectEngin.vue             |  23 +++-
 vue.config.js                          |   4 +-
 4 files changed, 181 insertions(+), 8 deletions(-)
 create mode 100644 src/pages/engin/flowListByCategory.vue

diff --git a/src/api/flow/index.js b/src/api/flow/index.js
index 77a71dd..e9edb4f 100644
--- a/src/api/flow/index.js
+++ b/src/api/flow/index.js
@@ -47,6 +47,17 @@ const listByUnit=(projectId,deptId,unit,pageNum,pageSize)=>{
     }
   })
 }
+const listByCategory=(projectId,deptId,category,pageNum,pageSize)=>{
+  return request({
+    url: `bgscreen/flow/listByCategory?pageNum=${pageNum}&pageSize=${pageSize}`,
+    method: 'post',
+    data:{
+      category:category,
+      deptId:deptId,
+      projectId:projectId
+    }
+  })
+}
 const listByState=(projectId,deptId,state,pageNum,pageSize)=>{
   return request({
     url: `bgscreen/flow/listByState?pageNum=${pageNum}&pageSize=${pageSize}`,
@@ -83,5 +94,6 @@ export default{
     listByState,
     groupByProject,
     findSafetyWorkList,
-    findFormDatasByProcInsId
+    findFormDatasByProcInsId,
+    listByCategory
 }
diff --git a/src/pages/engin/flowListByCategory.vue b/src/pages/engin/flowListByCategory.vue
new file mode 100644
index 0000000..c9aa9b3
--- /dev/null
+++ b/src/pages/engin/flowListByCategory.vue
@@ -0,0 +1,148 @@
+<template>
+    <div class="flow-list-by-category quality-table ">
+        <div class="nav">
+            <div class="nav-item" :style="'width:' + navWidth" :class="it.dictValue == selItem.dictValue ? 'active' : ''"
+                v-for="(it, idx) in categories" :key="idx" @click="doQuery(it)">{{ it.dictLabel }}</div>
+        </div>
+
+        <el-table :data="tableData" class="mytable" style="background: transparent;"
+            ref="fbsubordinateUnit">            
+            <el-table-column prop="businessKeyName" label="申请项目" class-name="text-left">
+            </el-table-column>            
+            
+            <el-table-column prop="startUserName" label="当前状态" width="100">
+                <template slot-scope="{row}">
+                    <span v-if="row.finishTime" style="color: greenyellow;">已完成</span>
+                    <span v-else style="color: red;">进行中</span>
+                </template>
+            </el-table-column>          
+            <el-table-column prop="createTime" label="申请时间" width="150">
+            </el-table-column>
+            <el-table-column prop="createTime" label="申请附件" width="100">
+                <template slot-scope="{row}">                 
+                    <span slot="reference" style="cursor: pointer; color: #01a9ff" @click="loadRowFils(row)">查看</span>
+                </template>
+            </el-table-column>
+        </el-table>
+        <el-pagination layout="total,prev, pager, next" :hide-on-single-page="true" @current-change="handleCurrentChange"
+            :total="total" :page-size="size" :current-page.sync="index" class="bg-pagination"></el-pagination>
+
+    </div>
+</template>
+
+<script>
+export default {
+    name: 'JhbigscreenFlowListByCategory',
+    props: {
+        getPData: {
+            type: Function,
+            default: null
+        }
+    },
+    data() {
+        return {
+            index: 1,
+            size: 10,
+            total: 0,
+            categories: [],
+            selItem: {},
+            tableData: [],
+            navWidth: '',
+        };
+    },
+    created() {
+        this.$api.dict('sys_process_category').then(d => {
+            this.categories = d || [];
+            if (this.categories.length > 0) {
+                this.doQuery(this.categories[0])
+            }
+            this.navWidth = (98.0 / this.categories.length).toFixed(2) + "%";
+        });
+    },
+    mounted() {
+
+    },
+
+    methods: {
+        loadRowFils(it){
+            this.$api.flow.findFormDatasByProcInsId(it.procInsId).then(d => {
+              if(d.data && d.data.files){
+                //多个文件批量下载
+                d.data.files.split(",").forEach(item => {
+                    this.$api.downFile("/jhapi" + item, {}, item.substring(item.lastIndexOf("/")+1));
+                });
+              } 
+            })
+        },
+        handleCurrentChange(n) {
+            this.index = n;
+            this.loadData();
+        },
+        doNav(n) {
+            this.nav = n;
+            this.index = 1;
+            this.loadData();
+        },
+        doQuery(it) {
+            this.selItem = it;
+            this.index = 1;
+            this.loadData();
+        },
+        loadData() {
+            let obj = this.getPData ? this.getPData() || {} : {}
+            this.$api.flow.listByCategory(obj.projectId, obj.deptId, this.selItem.dictValue, this.index, this.size).then(d => {
+                this.tableData = d.rows || [];
+                this.total = d.total;
+            })
+        }
+    },
+};
+</script>
+
+<style lang="less" scoped>
+.flow-list-by-category {
+    padding:0px;
+    height:calc(~"100% - 40px");
+    .bg-pagination{
+        margin-top:10px;
+    }
+    .nav {
+        display: flex;
+
+        .nav-item {
+            text-align: center;
+            flex-grow: 1;
+            padding: 4px 4px;
+            cursor: pointer;
+            background: #142c6a;
+            color: #738fb4;
+
+            &.active {
+                color: #01a9ff
+            }
+        }
+    }
+    .mytable{
+        height:calc(~"100% - 100px");
+        margin:12px 12px;
+        width:calc(~"100% - 24px");
+        border:solid 1px #142c6a;
+    /deep/ th .cell{
+        color: aquamarine;
+    }
+}
+    /deep/ .mytable {
+
+        .el-table__body-wrapper::-webkit-scrollbar {
+            width: 8px;
+            height: 8px;
+        }
+
+        // 滚动条的滑块
+        .el-table__body-wrapper::-webkit-scrollbar-thumb {
+            background-color: rgb(1, 169, 255);
+            border-radius: 4px;
+        }
+    }
+
+}</style>
\ No newline at end of file
diff --git a/src/pages/projectEngin.vue b/src/pages/projectEngin.vue
index fec0c92..cb8a0c1 100644
--- a/src/pages/projectEngin.vue
+++ b/src/pages/projectEngin.vue
@@ -67,6 +67,10 @@
                     <module-one-1-1 :label="label6" style="position: relative;">
                         <enginChart ref="chart3" :height="300"></enginChart>
                     </module-one-1-1>
+                    <module-one-2-1 label="审批明细" style="position: relative;">
+                        <list-by-category :getPData="getInfo"/>
+                    </module-one-2-1>
+                    <!--
                     <module-one-1-1 :label="label7" style="position: relative;">
                         <enginChart ref="chart4" :height="300"></enginChart>
                     </module-one-1-1>
@@ -76,6 +80,7 @@
                             @click="doUnitDlg">
                         <enginChart ref="chart5" :height="300"></enginChart>
                     </module-one-1-1>
+                -->
                 </el-col>
             </el-row>
         </div>
@@ -98,9 +103,10 @@ import stateDialog from './engin/flowDetailByStateDialog.vue'
 import projectStandardDialog from './engin/projectStandardDialog.vue'
 import enginChart from './engin/enginChart.vue'
 import { tryToJson } from '@/utils/tools'
+import ListByCategory from './engin/flowListByCategory.vue'
 export default {
     name: 'JhbigscreenProjectEngin',
-    components: {BorderBox6,imageItem, unitDialog, stateDialog, enginChart,projectStandardDialog},
+    components: {BorderBox6,imageItem, unitDialog, stateDialog, enginChart,projectStandardDialog,ListByCategory},
     data() {
         return {
             label1: '项目标准化管理',
@@ -151,6 +157,13 @@ export default {
         }
     },
     methods: {
+        getInfo(){
+            let obj={
+                    deptId: this.dept?.id || 0,
+                    projectId: this.project?.id || 0
+            };
+            return obj
+        },
         doStandardDlg(it){
             let obj={
                 deptId: this.dept?.id || 0,
@@ -534,8 +547,8 @@ export default {
                     this.$api.flow.groupByProject(this.dept?.id || 0),
                     this.$api.periodical.getList(),
                     this.$api.flow.groupByUnitTotal(this.project?.id || 0, this.dept?.id || 0),
-                    this.$api.flow.groupByUnitFinish(this.project?.id || 0, this.dept?.id || 0),
-                    this.$api.flow.groupByUnit(this.project?.id || 0, this.dept?.id || 0),
+                    //this.$api.flow.groupByUnitFinish(this.project?.id || 0, this.dept?.id || 0),
+                    //this.$api.flow.groupByUnit(this.project?.id || 0, this.dept?.id || 0),
                 ];
                 this.$api.http.all(ajaxs).then(res => {
                     this.showChart1(res[0]);
@@ -544,8 +557,8 @@ export default {
                     this.showList2(res[3]);
                     this.showList3(res[4]);
                     this.showChart3(res[5]);
-                    this.showChart4(res[6]);
-                    this.showChart5(res[7]);
+                    //this.showChart4(res[6]);
+                    //this.showChart5(res[7]);
                     this.loading = false;
                 });
             });
diff --git a/vue.config.js b/vue.config.js
index bd63956..01ca082 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -37,8 +37,8 @@ module.exports = defineConfig({
         }
       },
       '/jhapi':{
-        target: `http://62.234.3.186/jhapi/`,
-        //target: `http://127.0.0.1:8090/jhapi/`,
+        //target: `http://62.234.3.186/jhapi/`,
+        target: `http://127.0.0.1:8090/jhapi/`,
         changeOrigin: true,
         pathRewrite: {
           '^/jhapi':'/'