更新日期
{
- tabPane === '财务数据' ? : {updateTime.map(item => {
+ tabPane === '财务数据' ? : {updateTime.map(item => {
return {item.label}
})}
}
diff --git a/src/pages/home/branch/manage/rate/branch/index.css b/src/pages/home/branch/manage/rate/branch/index.css
new file mode 100644
index 0000000..0a84b5b
--- /dev/null
+++ b/src/pages/home/branch/manage/rate/branch/index.css
@@ -0,0 +1,11 @@
+.popConfirm {
+ padding: 20px;
+ max-width: 500px;
+ max-height: 500px;
+ background-color: #fff;
+ border-radius: 6px;
+ position: absolute;
+ z-index: 9999;
+ box-shadow: 0px 12px 48px 16px rgba(0, 0, 0, 0.03);
+ overflow: auto;
+}
\ No newline at end of file
diff --git a/src/pages/home/branch/manage/rate/branch/rateProcess.js b/src/pages/home/branch/manage/rate/branch/rateProcess.js
index d40bb95..6e8f5c1 100644
--- a/src/pages/home/branch/manage/rate/branch/rateProcess.js
+++ b/src/pages/home/branch/manage/rate/branch/rateProcess.js
@@ -1,4 +1,4 @@
-import React, { useEffect } from 'react';
+import React, { useState, useEffect } from 'react';
import ReactFlow, {
addEdge,
Controls,
@@ -6,172 +6,141 @@ import ReactFlow, {
useNodesState,
useEdgesState,
} from 'react-flow-renderer';
-import api from "@/api/request"
+import api from "@/api/request";
+import "./index.css"
+import ReactJson from 'react-json-view'
+
+const onInit = (reactFlowInstance) => console.log('flow loaded:', reactFlowInstance);
function RateProcess1(props) {
const [nodes, setNodes, onNodesChange] = useNodesState([]);
const [edges, setEdges, onEdgesChange] = useEdgesState([]);
+ const [target, setTarget] = useState({})
+ const [visible, setVisible] = useState("none")
+ const [position, setPosition] = useState({ x: 0, y: 0 })
const onConnect = (params) => setEdges((eds) => addEdge(params, eds));
useEffect(() => {
api.post("/admin/rating/get_company_process", props.value)
.then(res => {
let count = 1
+ let scroll = 1
const nodes = []
- const edges_1 = [
- {
- "id": "e1-2",
- "source": "1",
- "target": "2",
- "animated": true
- },
- {
- "id": "e1-3",
- "source": "1",
- "target": "3",
- "animated": true
- },
- {
- "id": "e1-4",
- "source": "1",
- "target": "4",
- "animated": true
- },
- {
- "id": "e2-5",
- "source": "2",
- "target": "5",
- "animated": true
- },
- {
- "id": "e3-5",
- "source": "3",
- "target": "5",
- "animated": true
- },
- {
- "id": "e4-5",
- "source": "4",
- "target": "5",
- "animated": true
- },
- {
- "id": "e5-6",
- "source": "5",
- "target": "6",
- "animated": true,
- },
- {
- "id": "e6-7",
- "source": "6",
- "target": "7",
- "animated": true
- },
- {
- "id": "e7-8",
- "source": "7",
- "target": "8",
- "animated": true
- },
- {
- "id": "e7-9",
- "source": "7",
- "target": "9",
- "animated": true
- },
- {
- "id": "e7-10",
- "source": "7",
- "target": "10",
- "animated": true
- },
- {
- "id": "e7-11",
- "source": "7",
- "target": "11",
- "animated": true
- }
- ]
- const edges_2 = [
- {
- "id": "e1-2",
- "source": "1",
- "target": "2",
- "animated": true
- },
- {
- "id": "e1-3",
- "source": "1",
- "target": "3",
- "animated": true
- },
- {
- "id": "e2-4",
- "source": "2",
- "target": "4",
- "animated": true
- },
- {
- "id": "e3-4",
- "source": "3",
- "target": "4",
- "animated": true
- },
- {
- "id": "e4-5",
- "source": "4",
- "target": "5",
- "animated": true
- },
- {
- "id": "e5-6",
- "source": "5",
- "target": "6",
- "animated": true
- },
- {
- "id": "e6-7",
- "source": "6",
- "target": "7",
- "animated": true
- },
- ]
- console.log(res.info['评价流程'])
- Object.keys(res.info['评价流程']).forEach((item, index) => {
- console.log(item,index)
- Object.keys(res.info['评价流程'][item]).forEach((key, i) => {
+ const edges = []
+ res.info['评价流程'].forEach((item, index) => {
+ let source = count
+ Object.keys(item).forEach((key, i) => {
+ const status = Object.keys(item[key]).every(e => {
+ return item[key][e] === 1
+ })
nodes.push({
id: count.toString(),
data: { label: key },
- type: index === 0 ? "input" : index === res.info.length - 1 ? "output" : "default",
- position: { x: (i + 1) * 200, y: (index + 1) * 100 },
- style: res.info['评价流程'][item][key] === 1 ? {
+ type: index === 0 ? "input" : "default",
+ position: { x: 0, y: scroll * 70 },
+ style: status ? {
background: '#87d068',
color: '#fff',
border: '1px solid #87d068',
- width: 180,
} : {
background: '#f5f5f5',
color: '#000',
border: '1px solid #f5f5f5',
- width: 180,
},
})
count++
+ Object.keys(item[key]).forEach((k, j) => {
+ nodes.push({
+ id: count.toString(),
+ data: { label: k },
+ type: index === res.info['评价流程'].length - 1 ? "output" : "default",
+ position: { x: j * 200, y: (scroll + 1) * 70 },
+ style: item[key][k] === 1 ? {
+ background: '#87d068',
+ color: '#fff',
+ border: '1px solid #87d068',
+ } : {
+ background: '#f5f5f5',
+ color: '#000',
+ border: '1px solid #f5f5f5',
+ },
+ })
+ edges.push({
+ id: `e${source}-${count}`,
+ source: source.toString(),
+ target: count.toString(),
+ animated: true
+ })
+ edges.push({
+ id: `e${count}-${source + Object.keys(item[key]).length + 1}`,
+ source: count.toString(),
+ target: (source + Object.keys(item[key]).length + 1).toString(),
+ animated: true
+ })
+ count++
+ })
+ scroll += 2
})
})
- console.log(nodes)
- // setNodes(nodes)
- if (props.value.type === "ESG评价流程") {
- setEdges(edges_2)
- } else {
- setEdges(edges_1)
- }
+ setNodes(nodes)
+ setEdges(edges)
})
}, [props.value])
+
+ const onNodesClick = e => {
+ if (e.target.innerText) {
+ setVisible("block")
+ setPosition({
+ x: e.clientX - 180,
+ y: e.clientY - 180
+ })
+ } else {
+ setVisible("none")
+ }
+ var url
+ switch (e.target.innerText) {
+ case "填报数据":
+ url = "/admin/rating/details"
+ break;
+ case "风险数据":
+ url = "/admin/rating/risk"
+ break;
+ case "评价结果":
+ url = "/admin/rating/rating_result"
+ break;
+ case "财指结果":
+ url = "/admin/rating/financial_index"
+ break;
+ case "报告数据":
+ url = "/admin/rating/report_data"
+ break;
+ case "综合信用分析":
+ url = "/admin/rating/comprehensive_credit_analysis"
+ break;
+ case "经营风险分析":
+ url = "/admin/rating/business_risk_analysis"
+ break;
+ case "财务数据分析":
+ url = "/admin/rating/financial_elements_analysis"
+ break;
+ default:
+ break;
+ }
+ if (url) {
+ api.post(url, { rid: props.value.rid }).then(res => {
+ setTarget(res)
+ })
+ }else{
+ setTarget({})
+ }
+ }
+
return (
-