融信流程查看

front-vue/src/api/service/credit/financeLog.js

@@ -0,0 +1,9 @@
+import request from '@/utils/request'
+
+// 查询融信流程记录
+export function financeLogList(financeId) {
+  return request({
+    url: '/sc-service/ownFinanceLog/list/'+financeId,
+    method: 'get',
+  })
+}

front-vue/src/views/service/credit/credit.vue

@@ -268,6 +268,12 @@
             v-hasPermi="['credit:credit:del']"
             v-show="scope.row.zfiStatus == '' || scope.row.zfiStatus == 'null' || scope.row.zfiStatus == null || scope.row.zfiStatus == '06'"
           >删除</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-info"
+            @click="handleFlowable(scope.row)"
+          >查看流程</el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -546,6 +552,12 @@
             v-hasPermi="['credit:credit:del']"
             v-show="scope.row.zfiStatus == '' || scope.row.zfiStatus == 'null' || scope.row.zfiStatus == null || scope.row.zfiStatus == '06'"
           >删除</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-info"
+            @click="handleFlowable(scope.row)"
+          >查看流程</el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -824,6 +836,12 @@
             v-hasPermi="['credit:credit:del']"
             v-show="scope.row.zfiStatus == '' || scope.row.zfiStatus == 'null' || scope.row.zfiStatus == null || scope.row.zfiStatus == '06'"
           >删除</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-info"
+            @click="handleFlowable(scope.row)"
+          >查看流程</el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -1102,6 +1120,12 @@
             v-hasPermi="['credit:credit:del']"
             v-show="scope.row.zfiStatus == '' || scope.row.zfiStatus == 'null' || scope.row.zfiStatus == null || scope.row.zfiStatus == '06'"
           >删除</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-info"
+            @click="handleFlowable(scope.row)"
+          >查看流程</el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -1380,6 +1404,12 @@
             v-hasPermi="['credit:credit:del']"
             v-show="scope.row.zfiStatus == '' || scope.row.zfiStatus == 'null' || scope.row.zfiStatus == null || scope.row.zfiStatus == '06'"
           >删除</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-info"
+            @click="handleFlowable(scope.row)"
+          >查看流程</el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -1658,6 +1688,12 @@
             v-hasPermi="['credit:credit:del']"
             v-show="scope.row.zfiStatus == '' || scope.row.zfiStatus == 'null' || scope.row.zfiStatus == null || scope.row.zfiStatus == '06'"
           >删除</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-info"
+            @click="handleFlowable(scope.row)"
+          >查看流程</el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -1669,6 +1705,15 @@
       @pagination="getListInvalid"
     />
    </el-tab-pane>
+        
+    <!-- 查看流程 -->
+    <el-dialog title="查看流程" :visible.sync="openFlowDetail" width="1120px" append-to-body>
+        <flow-detail :financeId="financeId" :financeType="financeType" :financeActive="financeActive" v-if="openFlowDetail"></flow-detail>
+        <span slot="footer" class="dialog-footer">
+            <el-button type="primary" @click="closeFliwDetail">关闭</el-button>
+        </span>
+    </el-dialog>
+
   </el-tabs>
 </template>
 
@@ -1678,10 +1723,12 @@ import {creditRefuse,creditDel} from "@/api/service/credit/creditHandle";
 import Editor from '@/components/Editor';
 import {listCompanyHandler} from "@/api/common/companyHandler";
 import Cookies from 'js-cookie'
+import FlowDetail from "@/views/service/credit/flowDetail";
 export default {
   name: "invoice",
   components: {
-    Editor
+    Editor,
+    FlowDetail
   },
   data() {
     return {
@@ -1713,6 +1760,7 @@ export default {
       title: "",
       // 是否显示弹出层
       open: false,
+      openFlowDetail: false,
       //融信类型
       typeOptions: [],
       //状态
@@ -1833,7 +1881,10 @@ export default {
       infInvalidList:[],
       // 表单参数
       form: {
-      }
+      },
+      financeId: null,
+      financeType: null,
+      financeActive: 0
     };
   },
   created() {
@@ -2412,8 +2463,54 @@ export default {
               return $1 + ',';
             }).replace(/\.$/, '');
     },
-    
-    
+    //查看流程
+    handleFlowable(row){
+      const zfiId = row.zfiId
+      const zfiCreateType = row.zfiCreateType
+      const zfiStatus = row.zfiStatus
+      const zfiCoreStatus = row.zfiCoreStatus
+      const zfiPlatformStatus = row.zfiPlatformStatus
+      const zfiSupplierStatus = row.zfiSupplierStatus
+      console.log(zfiStatus)
+      var active = 0
+      if(zfiCreateType == '0'){
+        if(zfiStatus == '01' || !zfiStatus){
+          active = 1
+        }else if(zfiStatus == '00'){
+          active = 2
+        }else if(zfiStatus == '01'){
+          active = 3
+        }else if(zfiStatus == '02'){
+          active = 4
+        }
+      }else if(zfiCreateType == '1'){
+        if(zfiStatus == '01'){
+          active = 1
+        }else if(zfiCoreStatus == '01' && zfiStatus == '01' || zfiCoreStatus == '01' && zfiStatus == '06'){
+          active = 2
+        }else if(zfiStatus == '01' && zfiPlatformStatus == '01'){
+          active = 3
+        }else if(zfiStatus == '02'){
+          active = 4
+        }
+      }else if(zfiCreateType == '2'){
+        if(zfiSupplierStatus == '01' && !zfiStatus){
+          active = 1
+        }else if(zfiPlatformStatus == '01' && !zfiStatus){
+          active = 2
+        }else if(zfiStatus == '02'){
+          active = 3
+        }
+      }
+      this.openFlowDetail = true
+      this.financeId = zfiId
+      this.financeType = zfiCreateType
+      this.financeActive = active
+    },
+    //关闭流程
+    closeFliwDetail(){
+      this.openFlowDetail = false
+    }
 
   }
 };

front-vue/src/views/service/credit/flowDetail.vue

@@ -0,0 +1,106 @@
+<template>
+  <div class="app-container">
+    <el-container>
+      <el-header>
+        <el-steps :active="financeActive" align-center process-status="finish" finish-status="success" v-if="financeType == '0'">
+          <el-step title="融信申请"></el-step>
+          <el-step title="平台审核"></el-step>
+          <el-step title="融信确认"></el-step>
+          <el-step title="签收生效"></el-step>
+        </el-steps>
+        <el-steps :active="financeActive" align-center process-status="finish" finish-status="success" v-if="financeType == '1'">
+          <el-step title="融信开立"></el-step>
+          <el-step title="补全资料"></el-step>
+          <el-step title="平台审核"></el-step>
+          <el-step title="签收生效"></el-step>
+        </el-steps>
+        <el-steps :active="financeActive" align-center process-status="finish" finish-status="success" v-if="financeType == '2'">
+          <el-step title="融信开立"></el-step>
+          <el-step title="平台审核"></el-step>
+          <el-step title="确权生效"></el-step>
+        </el-steps>
+      </el-header>
+      <el-main style="border: 1px solid;margin:10%;min-height:300px">
+        <el-steps direction="vertical" :active="1" :space="200">
+          <el-step v-for="(item, index) in financeLogList" :key="index" :title="item.zflContent" :description="parseTime(new Date(item.createTime),'{y}-{m}-{d}')"></el-step>
+        </el-steps>
+      </el-main>
+    </el-container>
+  </div>
+</template>
+
+<script>
+import { financeLogList } from "@/api/service/credit/financeLog";
+
+export default {
+  name: "billAdd",
+  components: {},
+  props: {
+    // 正常的业务数据，对应echarts饼图配置中series[0].data
+    financeId: {
+      type: String,
+      required: true,
+      default: () => "",
+    },
+    // 表示需要特殊定制的配置
+    // 一般UI会规定一个统一的设计规范（比如颜色，字体，图例格式，位置等）
+    // 但不排除某个图标会和设计规范不同，需要特殊定制样式，所以开放这个配置，增强灵活性
+    financeType: {
+      type: String,
+      required: true,
+      default: () => "",
+    },
+    financeActive: {
+      type: Number,
+      required: true,
+      default: () => 0,
+    },
+  },
+  data() {
+    return {
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 是否显示弹出层
+      open: false,
+      uploadOpen: false,
+      // 查询参数
+      queryParams: {},
+      // 表单参数
+      form: {
+        zbiAmount: 0.0,
+      },
+      //操作记录
+      financeLogList:[
+        // {
+        //   zflContent:"12343567890876564343557876543",
+        //   createTime:new Date()
+        // },
+        // {
+        //   zflContent:"assdjhfdjshk;dlfgkls;aklfdkslda;",
+        //   createTime:new Date()
+        // },
+        // {
+        //   zflContent:"213j3g45k6kl6j76k57hk45j7lk6j75",
+        //   createTime:new Date()
+        // }
+      ]
+    };
+  },
+  created() {
+    const financeId = this.financeId
+    this.getList(financeId)
+  },
+  activated() {},
+  methods: {
+    getList(financeId){
+      financeLogList(financeId).then((response) => {
+        this.financeLogList = response.data;
+      });
+    }
+  },
+};
+</script>