diff --git a/src/assets/icons/icon-differ.svg b/src/assets/icons/icon-differ.svg
new file mode 100644
index 0000000..7d71c43
--- /dev/null
+++ b/src/assets/icons/icon-differ.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701947662665" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="21185" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M934.382936 824.346821c30.593785 30.650067 30.593785 80.31521-0.056282 110.965278-15.268752 15.325034-35.361369 22.989597-55.452963 22.989597-20.094664 0-40.187281-7.664563-55.512315-22.989597L510.214331 622.154819 197.066261 935.312098c-15.325034 15.325034-35.417651 22.989597-55.512315 22.989597-20.092617 0-40.184211-7.664563-55.452963-22.989597-30.650067-30.650067-30.650067-80.31521-0.056282-110.965278l313.177745-313.190025L86.044702 197.966771c-30.593785-30.650067-30.593785-80.31521 0.056282-110.965278 30.537504-30.652114 80.31521-30.652114 110.965278 0L510.214331 400.158772 823.361377 87.001493c30.650067-30.652114 80.427774-30.652114 110.965278 0 30.650067 30.650067 30.650067 80.31521 0.056282 110.965278L621.205191 511.156796 934.382936 824.346821z" p-id="21186"></path></svg>

diff --git a/src/assets/icons/icon-differ.svg b/src/assets/icons/icon-differ.svg
new file mode 100644
index 0000000..7d71c43
--- /dev/null
+++ b/src/assets/icons/icon-differ.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701947662665" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="21185" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M934.382936 824.346821c30.593785 30.650067 30.593785 80.31521-0.056282 110.965278-15.268752 15.325034-35.361369 22.989597-55.452963 22.989597-20.094664 0-40.187281-7.664563-55.512315-22.989597L510.214331 622.154819 197.066261 935.312098c-15.325034 15.325034-35.417651 22.989597-55.512315 22.989597-20.092617 0-40.184211-7.664563-55.452963-22.989597-30.650067-30.650067-30.650067-80.31521-0.056282-110.965278l313.177745-313.190025L86.044702 197.966771c-30.593785-30.650067-30.593785-80.31521 0.056282-110.965278 30.537504-30.652114 80.31521-30.652114 110.965278 0L510.214331 400.158772 823.361377 87.001493c30.650067-30.652114 80.427774-30.652114 110.965278 0 30.650067 30.650067 30.650067 80.31521 0.056282 110.965278L621.205191 511.156796 934.382936 824.346821z" p-id="21186"></path></svg>
diff --git a/src/assets/icons/icon-dyh.svg b/src/assets/icons/icon-dyh.svg
new file mode 100644
index 0000000..005bd8e
--- /dev/null
+++ b/src/assets/icons/icon-dyh.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701949073135" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="24877" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M798.38 538.03l-575.1-346.2 0.04-68.75 575.04 345.6 0.02 69.35z" fill="#606266" p-id="24878"></path><path d="M798.38 538.03L223.3 894.99v-69.52l575.06-356.79 0.02 69.35z" fill="#606266" p-id="24879"></path></svg>
\ No newline at end of file

diff --git a/src/assets/icons/icon-differ.svg b/src/assets/icons/icon-differ.svg
new file mode 100644
index 0000000..7d71c43
--- /dev/null
+++ b/src/assets/icons/icon-differ.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701947662665" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="21185" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M934.382936 824.346821c30.593785 30.650067 30.593785 80.31521-0.056282 110.965278-15.268752 15.325034-35.361369 22.989597-55.452963 22.989597-20.094664 0-40.187281-7.664563-55.512315-22.989597L510.214331 622.154819 197.066261 935.312098c-15.325034 15.325034-35.417651 22.989597-55.512315 22.989597-20.092617 0-40.184211-7.664563-55.452963-22.989597-30.650067-30.650067-30.650067-80.31521-0.056282-110.965278l313.177745-313.190025L86.044702 197.966771c-30.593785-30.650067-30.593785-80.31521 0.056282-110.965278 30.537504-30.652114 80.31521-30.652114 110.965278 0L510.214331 400.158772 823.361377 87.001493c30.650067-30.652114 80.427774-30.652114 110.965278 0 30.650067 30.650067 30.650067 80.31521 0.056282 110.965278L621.205191 511.156796 934.382936 824.346821z" p-id="21186"></path></svg>
diff --git a/src/assets/icons/icon-dyh.svg b/src/assets/icons/icon-dyh.svg
new file mode 100644
index 0000000..005bd8e
--- /dev/null
+++ b/src/assets/icons/icon-dyh.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701949073135" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="24877" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M798.38 538.03l-575.1-346.2 0.04-68.75 575.04 345.6 0.02 69.35z" fill="#606266" p-id="24878"></path><path d="M798.38 538.03L223.3 894.99v-69.52l575.06-356.79 0.02 69.35z" fill="#606266" p-id="24879"></path></svg>
\ No newline at end of file
diff --git a/src/assets/icons/icon-init.svg b/src/assets/icons/icon-init.svg
new file mode 100644
index 0000000..b073cdf
--- /dev/null
+++ b/src/assets/icons/icon-init.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701944692950" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="19249" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M0 438.784l402.432 182.784L585.216 1024 1024 0 0 438.784z" fill="#ffffff" p-id="19250"></path></svg>
\ No newline at end of file

diff --git a/src/assets/icons/icon-differ.svg b/src/assets/icons/icon-differ.svg
new file mode 100644
index 0000000..7d71c43
--- /dev/null
+++ b/src/assets/icons/icon-differ.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701947662665" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="21185" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M934.382936 824.346821c30.593785 30.650067 30.593785 80.31521-0.056282 110.965278-15.268752 15.325034-35.361369 22.989597-55.452963 22.989597-20.094664 0-40.187281-7.664563-55.512315-22.989597L510.214331 622.154819 197.066261 935.312098c-15.325034 15.325034-35.417651 22.989597-55.512315 22.989597-20.092617 0-40.184211-7.664563-55.452963-22.989597-30.650067-30.650067-30.650067-80.31521-0.056282-110.965278l313.177745-313.190025L86.044702 197.966771c-30.593785-30.650067-30.593785-80.31521 0.056282-110.965278 30.537504-30.652114 80.31521-30.652114 110.965278 0L510.214331 400.158772 823.361377 87.001493c30.650067-30.652114 80.427774-30.652114 110.965278 0 30.650067 30.650067 30.650067 80.31521 0.056282 110.965278L621.205191 511.156796 934.382936 824.346821z" p-id="21186"></path></svg>
diff --git a/src/assets/icons/icon-dyh.svg b/src/assets/icons/icon-dyh.svg
new file mode 100644
index 0000000..005bd8e
--- /dev/null
+++ b/src/assets/icons/icon-dyh.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701949073135" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="24877" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M798.38 538.03l-575.1-346.2 0.04-68.75 575.04 345.6 0.02 69.35z" fill="#606266" p-id="24878"></path><path d="M798.38 538.03L223.3 894.99v-69.52l575.06-356.79 0.02 69.35z" fill="#606266" p-id="24879"></path></svg>
\ No newline at end of file
diff --git a/src/assets/icons/icon-init.svg b/src/assets/icons/icon-init.svg
new file mode 100644
index 0000000..b073cdf
--- /dev/null
+++ b/src/assets/icons/icon-init.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701944692950" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="19249" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M0 438.784l402.432 182.784L585.216 1024 1024 0 0 438.784z" fill="#ffffff" p-id="19250"></path></svg>
\ No newline at end of file
diff --git a/src/assets/icons/icon-refresh.svg b/src/assets/icons/icon-refresh.svg
new file mode 100644
index 0000000..af71d10
--- /dev/null
+++ b/src/assets/icons/icon-refresh.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701949518573" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="29448" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M960 416V192l-73.056 73.056a447.712 447.712 0 0 0-373.6-201.088C265.92 63.968 65.312 264.544 65.312 512S265.92 960.032 513.344 960.032a448.064 448.064 0 0 0 415.232-279.488 38.368 38.368 0 1 0-71.136-28.896 371.36 371.36 0 0 1-344.096 231.584C308.32 883.232 142.112 717.024 142.112 512S308.32 140.768 513.344 140.768c132.448 0 251.936 70.08 318.016 179.84L736 416h224z" p-id="29449"></path></svg>
\ No newline at end of file

diff --git a/src/assets/icons/icon-differ.svg b/src/assets/icons/icon-differ.svg
new file mode 100644
index 0000000..7d71c43
--- /dev/null
+++ b/src/assets/icons/icon-differ.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701947662665" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="21185" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M934.382936 824.346821c30.593785 30.650067 30.593785 80.31521-0.056282 110.965278-15.268752 15.325034-35.361369 22.989597-55.452963 22.989597-20.094664 0-40.187281-7.664563-55.512315-22.989597L510.214331 622.154819 197.066261 935.312098c-15.325034 15.325034-35.417651 22.989597-55.512315 22.989597-20.092617 0-40.184211-7.664563-55.452963-22.989597-30.650067-30.650067-30.650067-80.31521-0.056282-110.965278l313.177745-313.190025L86.044702 197.966771c-30.593785-30.650067-30.593785-80.31521 0.056282-110.965278 30.537504-30.652114 80.31521-30.652114 110.965278 0L510.214331 400.158772 823.361377 87.001493c30.650067-30.652114 80.427774-30.652114 110.965278 0 30.650067 30.650067 30.650067 80.31521 0.056282 110.965278L621.205191 511.156796 934.382936 824.346821z" p-id="21186"></path></svg>
diff --git a/src/assets/icons/icon-dyh.svg b/src/assets/icons/icon-dyh.svg
new file mode 100644
index 0000000..005bd8e
--- /dev/null
+++ b/src/assets/icons/icon-dyh.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701949073135" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="24877" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M798.38 538.03l-575.1-346.2 0.04-68.75 575.04 345.6 0.02 69.35z" fill="#606266" p-id="24878"></path><path d="M798.38 538.03L223.3 894.99v-69.52l575.06-356.79 0.02 69.35z" fill="#606266" p-id="24879"></path></svg>
\ No newline at end of file
diff --git a/src/assets/icons/icon-init.svg b/src/assets/icons/icon-init.svg
new file mode 100644
index 0000000..b073cdf
--- /dev/null
+++ b/src/assets/icons/icon-init.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701944692950" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="19249" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M0 438.784l402.432 182.784L585.216 1024 1024 0 0 438.784z" fill="#ffffff" p-id="19250"></path></svg>
\ No newline at end of file
diff --git a/src/assets/icons/icon-refresh.svg b/src/assets/icons/icon-refresh.svg
new file mode 100644
index 0000000..af71d10
--- /dev/null
+++ b/src/assets/icons/icon-refresh.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701949518573" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="29448" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M960 416V192l-73.056 73.056a447.712 447.712 0 0 0-373.6-201.088C265.92 63.968 65.312 264.544 65.312 512S265.92 960.032 513.344 960.032a448.064 448.064 0 0 0 415.232-279.488 38.368 38.368 0 1 0-71.136-28.896 371.36 371.36 0 0 1-344.096 231.584C308.32 883.232 142.112 717.024 142.112 512S308.32 140.768 513.344 140.768c132.448 0 251.936 70.08 318.016 179.84L736 416h224z" p-id="29449"></path></svg>
\ No newline at end of file
diff --git a/src/assets/icons/icon-search.svg b/src/assets/icons/icon-search.svg
new file mode 100644
index 0000000..f34257f
--- /dev/null
+++ b/src/assets/icons/icon-search.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701949440268" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="27499" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M756.565333 697.258667c2.133333 1.493333 4.224 3.157333 6.101334 5.12l241.664 241.621333c16.256 16.256 16.512 43.52-0.128 60.16a42.453333 42.453333 0 0 1-60.202667 0.170667l-241.664-241.664a41.429333 41.429333 0 0 1-5.034667-6.101334A424.917333 424.917333 0 0 1 426.666667 853.333333C191.018667 853.333333 0 662.314667 0 426.666667S191.018667 0 426.666667 0s426.666667 191.018667 426.666666 426.666667c0 102.698667-36.266667 196.949333-96.768 270.592zM426.666667 768a341.333333 341.333333 0 1 0 0-682.666667 341.333333 341.333333 0 0 0 0 682.666667z" p-id="27500"></path></svg>

diff --git a/src/assets/icons/icon-differ.svg b/src/assets/icons/icon-differ.svg
new file mode 100644
index 0000000..7d71c43
--- /dev/null
+++ b/src/assets/icons/icon-differ.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701947662665" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="21185" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M934.382936 824.346821c30.593785 30.650067 30.593785 80.31521-0.056282 110.965278-15.268752 15.325034-35.361369 22.989597-55.452963 22.989597-20.094664 0-40.187281-7.664563-55.512315-22.989597L510.214331 622.154819 197.066261 935.312098c-15.325034 15.325034-35.417651 22.989597-55.512315 22.989597-20.092617 0-40.184211-7.664563-55.452963-22.989597-30.650067-30.650067-30.650067-80.31521-0.056282-110.965278l313.177745-313.190025L86.044702 197.966771c-30.593785-30.650067-30.593785-80.31521 0.056282-110.965278 30.537504-30.652114 80.31521-30.652114 110.965278 0L510.214331 400.158772 823.361377 87.001493c30.650067-30.652114 80.427774-30.652114 110.965278 0 30.650067 30.650067 30.650067 80.31521 0.056282 110.965278L621.205191 511.156796 934.382936 824.346821z" p-id="21186"></path></svg>
diff --git a/src/assets/icons/icon-dyh.svg b/src/assets/icons/icon-dyh.svg
new file mode 100644
index 0000000..005bd8e
--- /dev/null
+++ b/src/assets/icons/icon-dyh.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701949073135" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="24877" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M798.38 538.03l-575.1-346.2 0.04-68.75 575.04 345.6 0.02 69.35z" fill="#606266" p-id="24878"></path><path d="M798.38 538.03L223.3 894.99v-69.52l575.06-356.79 0.02 69.35z" fill="#606266" p-id="24879"></path></svg>
\ No newline at end of file
diff --git a/src/assets/icons/icon-init.svg b/src/assets/icons/icon-init.svg
new file mode 100644
index 0000000..b073cdf
--- /dev/null
+++ b/src/assets/icons/icon-init.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701944692950" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="19249" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M0 438.784l402.432 182.784L585.216 1024 1024 0 0 438.784z" fill="#ffffff" p-id="19250"></path></svg>
\ No newline at end of file
diff --git a/src/assets/icons/icon-refresh.svg b/src/assets/icons/icon-refresh.svg
new file mode 100644
index 0000000..af71d10
--- /dev/null
+++ b/src/assets/icons/icon-refresh.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701949518573" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="29448" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M960 416V192l-73.056 73.056a447.712 447.712 0 0 0-373.6-201.088C265.92 63.968 65.312 264.544 65.312 512S265.92 960.032 513.344 960.032a448.064 448.064 0 0 0 415.232-279.488 38.368 38.368 0 1 0-71.136-28.896 371.36 371.36 0 0 1-344.096 231.584C308.32 883.232 142.112 717.024 142.112 512S308.32 140.768 513.344 140.768c132.448 0 251.936 70.08 318.016 179.84L736 416h224z" p-id="29449"></path></svg>
\ No newline at end of file
diff --git a/src/assets/icons/icon-search.svg b/src/assets/icons/icon-search.svg
new file mode 100644
index 0000000..f34257f
--- /dev/null
+++ b/src/assets/icons/icon-search.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701949440268" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="27499" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M756.565333 697.258667c2.133333 1.493333 4.224 3.157333 6.101334 5.12l241.664 241.621333c16.256 16.256 16.512 43.52-0.128 60.16a42.453333 42.453333 0 0 1-60.202667 0.170667l-241.664-241.664a41.429333 41.429333 0 0 1-5.034667-6.101334A424.917333 424.917333 0 0 1 426.666667 853.333333C191.018667 853.333333 0 662.314667 0 426.666667S191.018667 0 426.666667 0s426.666667 191.018667 426.666666 426.666667c0 102.698667-36.266667 196.949333-96.768 270.592zM426.666667 768a341.333333 341.333333 0 1 0 0-682.666667 341.333333 341.333333 0 0 0 0 682.666667z" p-id="27500"></path></svg>
diff --git a/src/assets/icons/icon-xyh.svg b/src/assets/icons/icon-xyh.svg
new file mode 100644
index 0000000..60c2e31
--- /dev/null
+++ b/src/assets/icons/icon-xyh.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701949035467" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="23892" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M224.45 538.68l575.11-346.21-0.05-68.75-575.03 345.61-0.03 69.35z" fill="#606266" p-id="23893"></path><path d="M224.45 538.68l575.08 356.96v-69.52L224.48 469.33l-0.03 69.35z" fill="#606266" p-id="23894"></path></svg>
\ No newline at end of file

diff --git a/src/assets/icons/icon-differ.svg b/src/assets/icons/icon-differ.svg
new file mode 100644
index 0000000..7d71c43
--- /dev/null
+++ b/src/assets/icons/icon-differ.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701947662665" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="21185" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M934.382936 824.346821c30.593785 30.650067 30.593785 80.31521-0.056282 110.965278-15.268752 15.325034-35.361369 22.989597-55.452963 22.989597-20.094664 0-40.187281-7.664563-55.512315-22.989597L510.214331 622.154819 197.066261 935.312098c-15.325034 15.325034-35.417651 22.989597-55.512315 22.989597-20.092617 0-40.184211-7.664563-55.452963-22.989597-30.650067-30.650067-30.650067-80.31521-0.056282-110.965278l313.177745-313.190025L86.044702 197.966771c-30.593785-30.650067-30.593785-80.31521 0.056282-110.965278 30.537504-30.652114 80.31521-30.652114 110.965278 0L510.214331 400.158772 823.361377 87.001493c30.650067-30.652114 80.427774-30.652114 110.965278 0 30.650067 30.650067 30.650067 80.31521 0.056282 110.965278L621.205191 511.156796 934.382936 824.346821z" p-id="21186"></path></svg>
diff --git a/src/assets/icons/icon-dyh.svg b/src/assets/icons/icon-dyh.svg
new file mode 100644
index 0000000..005bd8e
--- /dev/null
+++ b/src/assets/icons/icon-dyh.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701949073135" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="24877" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M798.38 538.03l-575.1-346.2 0.04-68.75 575.04 345.6 0.02 69.35z" fill="#606266" p-id="24878"></path><path d="M798.38 538.03L223.3 894.99v-69.52l575.06-356.79 0.02 69.35z" fill="#606266" p-id="24879"></path></svg>
\ No newline at end of file
diff --git a/src/assets/icons/icon-init.svg b/src/assets/icons/icon-init.svg
new file mode 100644
index 0000000..b073cdf
--- /dev/null
+++ b/src/assets/icons/icon-init.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701944692950" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="19249" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M0 438.784l402.432 182.784L585.216 1024 1024 0 0 438.784z" fill="#ffffff" p-id="19250"></path></svg>
\ No newline at end of file
diff --git a/src/assets/icons/icon-refresh.svg b/src/assets/icons/icon-refresh.svg
new file mode 100644
index 0000000..af71d10
--- /dev/null
+++ b/src/assets/icons/icon-refresh.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701949518573" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="29448" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M960 416V192l-73.056 73.056a447.712 447.712 0 0 0-373.6-201.088C265.92 63.968 65.312 264.544 65.312 512S265.92 960.032 513.344 960.032a448.064 448.064 0 0 0 415.232-279.488 38.368 38.368 0 1 0-71.136-28.896 371.36 371.36 0 0 1-344.096 231.584C308.32 883.232 142.112 717.024 142.112 512S308.32 140.768 513.344 140.768c132.448 0 251.936 70.08 318.016 179.84L736 416h224z" p-id="29449"></path></svg>
\ No newline at end of file
diff --git a/src/assets/icons/icon-search.svg b/src/assets/icons/icon-search.svg
new file mode 100644
index 0000000..f34257f
--- /dev/null
+++ b/src/assets/icons/icon-search.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701949440268" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="27499" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M756.565333 697.258667c2.133333 1.493333 4.224 3.157333 6.101334 5.12l241.664 241.621333c16.256 16.256 16.512 43.52-0.128 60.16a42.453333 42.453333 0 0 1-60.202667 0.170667l-241.664-241.664a41.429333 41.429333 0 0 1-5.034667-6.101334A424.917333 424.917333 0 0 1 426.666667 853.333333C191.018667 853.333333 0 662.314667 0 426.666667S191.018667 0 426.666667 0s426.666667 191.018667 426.666666 426.666667c0 102.698667-36.266667 196.949333-96.768 270.592zM426.666667 768a341.333333 341.333333 0 1 0 0-682.666667 341.333333 341.333333 0 0 0 0 682.666667z" p-id="27500"></path></svg>
diff --git a/src/assets/icons/icon-xyh.svg b/src/assets/icons/icon-xyh.svg
new file mode 100644
index 0000000..60c2e31
--- /dev/null
+++ b/src/assets/icons/icon-xyh.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701949035467" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="23892" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M224.45 538.68l575.11-346.21-0.05-68.75-575.03 345.61-0.03 69.35z" fill="#606266" p-id="23893"></path><path d="M224.45 538.68l575.08 356.96v-69.52L224.48 469.33l-0.03 69.35z" fill="#606266" p-id="23894"></path></svg>
\ No newline at end of file
diff --git a/src/assets/images/workFlowImg/add.png b/src/assets/images/workFlowImg/add.png
new file mode 100644
index 0000000..d626ac3
--- /dev/null
+++ b/src/assets/images/workFlowImg/add.png
Binary files differ

diff --git a/src/assets/icons/icon-differ.svg b/src/assets/icons/icon-differ.svg
new file mode 100644
index 0000000..7d71c43
--- /dev/null
+++ b/src/assets/icons/icon-differ.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701947662665" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="21185" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M934.382936 824.346821c30.593785 30.650067 30.593785 80.31521-0.056282 110.965278-15.268752 15.325034-35.361369 22.989597-55.452963 22.989597-20.094664 0-40.187281-7.664563-55.512315-22.989597L510.214331 622.154819 197.066261 935.312098c-15.325034 15.325034-35.417651 22.989597-55.512315 22.989597-20.092617 0-40.184211-7.664563-55.452963-22.989597-30.650067-30.650067-30.650067-80.31521-0.056282-110.965278l313.177745-313.190025L86.044702 197.966771c-30.593785-30.650067-30.593785-80.31521 0.056282-110.965278 30.537504-30.652114 80.31521-30.652114 110.965278 0L510.214331 400.158772 823.361377 87.001493c30.650067-30.652114 80.427774-30.652114 110.965278 0 30.650067 30.650067 30.650067 80.31521 0.056282 110.965278L621.205191 511.156796 934.382936 824.346821z" p-id="21186"></path></svg>
diff --git a/src/assets/icons/icon-dyh.svg b/src/assets/icons/icon-dyh.svg
new file mode 100644
index 0000000..005bd8e
--- /dev/null
+++ b/src/assets/icons/icon-dyh.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701949073135" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="24877" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M798.38 538.03l-575.1-346.2 0.04-68.75 575.04 345.6 0.02 69.35z" fill="#606266" p-id="24878"></path><path d="M798.38 538.03L223.3 894.99v-69.52l575.06-356.79 0.02 69.35z" fill="#606266" p-id="24879"></path></svg>
\ No newline at end of file
diff --git a/src/assets/icons/icon-init.svg b/src/assets/icons/icon-init.svg
new file mode 100644
index 0000000..b073cdf
--- /dev/null
+++ b/src/assets/icons/icon-init.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701944692950" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="19249" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M0 438.784l402.432 182.784L585.216 1024 1024 0 0 438.784z" fill="#ffffff" p-id="19250"></path></svg>
\ No newline at end of file
diff --git a/src/assets/icons/icon-refresh.svg b/src/assets/icons/icon-refresh.svg
new file mode 100644
index 0000000..af71d10
--- /dev/null
+++ b/src/assets/icons/icon-refresh.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701949518573" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="29448" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M960 416V192l-73.056 73.056a447.712 447.712 0 0 0-373.6-201.088C265.92 63.968 65.312 264.544 65.312 512S265.92 960.032 513.344 960.032a448.064 448.064 0 0 0 415.232-279.488 38.368 38.368 0 1 0-71.136-28.896 371.36 371.36 0 0 1-344.096 231.584C308.32 883.232 142.112 717.024 142.112 512S308.32 140.768 513.344 140.768c132.448 0 251.936 70.08 318.016 179.84L736 416h224z" p-id="29449"></path></svg>
\ No newline at end of file
diff --git a/src/assets/icons/icon-search.svg b/src/assets/icons/icon-search.svg
new file mode 100644
index 0000000..f34257f
--- /dev/null
+++ b/src/assets/icons/icon-search.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701949440268" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="27499" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M756.565333 697.258667c2.133333 1.493333 4.224 3.157333 6.101334 5.12l241.664 241.621333c16.256 16.256 16.512 43.52-0.128 60.16a42.453333 42.453333 0 0 1-60.202667 0.170667l-241.664-241.664a41.429333 41.429333 0 0 1-5.034667-6.101334A424.917333 424.917333 0 0 1 426.666667 853.333333C191.018667 853.333333 0 662.314667 0 426.666667S191.018667 0 426.666667 0s426.666667 191.018667 426.666666 426.666667c0 102.698667-36.266667 196.949333-96.768 270.592zM426.666667 768a341.333333 341.333333 0 1 0 0-682.666667 341.333333 341.333333 0 0 0 0 682.666667z" p-id="27500"></path></svg>
diff --git a/src/assets/icons/icon-xyh.svg b/src/assets/icons/icon-xyh.svg
new file mode 100644
index 0000000..60c2e31
--- /dev/null
+++ b/src/assets/icons/icon-xyh.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701949035467" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="23892" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M224.45 538.68l575.11-346.21-0.05-68.75-575.03 345.61-0.03 69.35z" fill="#606266" p-id="23893"></path><path d="M224.45 538.68l575.08 356.96v-69.52L224.48 469.33l-0.03 69.35z" fill="#606266" p-id="23894"></path></svg>
\ No newline at end of file
diff --git a/src/assets/images/workFlowImg/add.png b/src/assets/images/workFlowImg/add.png
new file mode 100644
index 0000000..d626ac3
--- /dev/null
+++ b/src/assets/images/workFlowImg/add.png
Binary files differ
diff --git a/src/assets/images/workFlowImg/approval.png b/src/assets/images/workFlowImg/approval.png
new file mode 100644
index 0000000..479fceb
--- /dev/null
+++ b/src/assets/images/workFlowImg/approval.png
Binary files differ

diff --git a/src/assets/icons/icon-differ.svg b/src/assets/icons/icon-differ.svg
new file mode 100644
index 0000000..7d71c43
--- /dev/null
+++ b/src/assets/icons/icon-differ.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701947662665" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="21185" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M934.382936 824.346821c30.593785 30.650067 30.593785 80.31521-0.056282 110.965278-15.268752 15.325034-35.361369 22.989597-55.452963 22.989597-20.094664 0-40.187281-7.664563-55.512315-22.989597L510.214331 622.154819 197.066261 935.312098c-15.325034 15.325034-35.417651 22.989597-55.512315 22.989597-20.092617 0-40.184211-7.664563-55.452963-22.989597-30.650067-30.650067-30.650067-80.31521-0.056282-110.965278l313.177745-313.190025L86.044702 197.966771c-30.593785-30.650067-30.593785-80.31521 0.056282-110.965278 30.537504-30.652114 80.31521-30.652114 110.965278 0L510.214331 400.158772 823.361377 87.001493c30.650067-30.652114 80.427774-30.652114 110.965278 0 30.650067 30.650067 30.650067 80.31521 0.056282 110.965278L621.205191 511.156796 934.382936 824.346821z" p-id="21186"></path></svg>
diff --git a/src/assets/icons/icon-dyh.svg b/src/assets/icons/icon-dyh.svg
new file mode 100644
index 0000000..005bd8e
--- /dev/null
+++ b/src/assets/icons/icon-dyh.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701949073135" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="24877" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M798.38 538.03l-575.1-346.2 0.04-68.75 575.04 345.6 0.02 69.35z" fill="#606266" p-id="24878"></path><path d="M798.38 538.03L223.3 894.99v-69.52l575.06-356.79 0.02 69.35z" fill="#606266" p-id="24879"></path></svg>
\ No newline at end of file
diff --git a/src/assets/icons/icon-init.svg b/src/assets/icons/icon-init.svg
new file mode 100644
index 0000000..b073cdf
--- /dev/null
+++ b/src/assets/icons/icon-init.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701944692950" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="19249" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M0 438.784l402.432 182.784L585.216 1024 1024 0 0 438.784z" fill="#ffffff" p-id="19250"></path></svg>
\ No newline at end of file
diff --git a/src/assets/icons/icon-refresh.svg b/src/assets/icons/icon-refresh.svg
new file mode 100644
index 0000000..af71d10
--- /dev/null
+++ b/src/assets/icons/icon-refresh.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701949518573" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="29448" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M960 416V192l-73.056 73.056a447.712 447.712 0 0 0-373.6-201.088C265.92 63.968 65.312 264.544 65.312 512S265.92 960.032 513.344 960.032a448.064 448.064 0 0 0 415.232-279.488 38.368 38.368 0 1 0-71.136-28.896 371.36 371.36 0 0 1-344.096 231.584C308.32 883.232 142.112 717.024 142.112 512S308.32 140.768 513.344 140.768c132.448 0 251.936 70.08 318.016 179.84L736 416h224z" p-id="29449"></path></svg>
\ No newline at end of file
diff --git a/src/assets/icons/icon-search.svg b/src/assets/icons/icon-search.svg
new file mode 100644
index 0000000..f34257f
--- /dev/null
+++ b/src/assets/icons/icon-search.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701949440268" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="27499" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M756.565333 697.258667c2.133333 1.493333 4.224 3.157333 6.101334 5.12l241.664 241.621333c16.256 16.256 16.512 43.52-0.128 60.16a42.453333 42.453333 0 0 1-60.202667 0.170667l-241.664-241.664a41.429333 41.429333 0 0 1-5.034667-6.101334A424.917333 424.917333 0 0 1 426.666667 853.333333C191.018667 853.333333 0 662.314667 0 426.666667S191.018667 0 426.666667 0s426.666667 191.018667 426.666666 426.666667c0 102.698667-36.266667 196.949333-96.768 270.592zM426.666667 768a341.333333 341.333333 0 1 0 0-682.666667 341.333333 341.333333 0 0 0 0 682.666667z" p-id="27500"></path></svg>
diff --git a/src/assets/icons/icon-xyh.svg b/src/assets/icons/icon-xyh.svg
new file mode 100644
index 0000000..60c2e31
--- /dev/null
+++ b/src/assets/icons/icon-xyh.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701949035467" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="23892" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M224.45 538.68l575.11-346.21-0.05-68.75-575.03 345.61-0.03 69.35z" fill="#606266" p-id="23893"></path><path d="M224.45 538.68l575.08 356.96v-69.52L224.48 469.33l-0.03 69.35z" fill="#606266" p-id="23894"></path></svg>
\ No newline at end of file
diff --git a/src/assets/images/workFlowImg/add.png b/src/assets/images/workFlowImg/add.png
new file mode 100644
index 0000000..d626ac3
--- /dev/null
+++ b/src/assets/images/workFlowImg/add.png
Binary files differ
diff --git a/src/assets/images/workFlowImg/approval.png b/src/assets/images/workFlowImg/approval.png
new file mode 100644
index 0000000..479fceb
--- /dev/null
+++ b/src/assets/images/workFlowImg/approval.png
Binary files differ
diff --git a/src/assets/images/workFlowImg/approvalPerson.png b/src/assets/images/workFlowImg/approvalPerson.png
new file mode 100644
index 0000000..e934468
--- /dev/null
+++ b/src/assets/images/workFlowImg/approvalPerson.png
Binary files differ

diff --git a/src/assets/icons/icon-differ.svg b/src/assets/icons/icon-differ.svg
new file mode 100644
index 0000000..7d71c43
--- /dev/null
+++ b/src/assets/icons/icon-differ.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701947662665" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="21185" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M934.382936 824.346821c30.593785 30.650067 30.593785 80.31521-0.056282 110.965278-15.268752 15.325034-35.361369 22.989597-55.452963 22.989597-20.094664 0-40.187281-7.664563-55.512315-22.989597L510.214331 622.154819 197.066261 935.312098c-15.325034 15.325034-35.417651 22.989597-55.512315 22.989597-20.092617 0-40.184211-7.664563-55.452963-22.989597-30.650067-30.650067-30.650067-80.31521-0.056282-110.965278l313.177745-313.190025L86.044702 197.966771c-30.593785-30.650067-30.593785-80.31521 0.056282-110.965278 30.537504-30.652114 80.31521-30.652114 110.965278 0L510.214331 400.158772 823.361377 87.001493c30.650067-30.652114 80.427774-30.652114 110.965278 0 30.650067 30.650067 30.650067 80.31521 0.056282 110.965278L621.205191 511.156796 934.382936 824.346821z" p-id="21186"></path></svg>
diff --git a/src/assets/icons/icon-dyh.svg b/src/assets/icons/icon-dyh.svg
new file mode 100644
index 0000000..005bd8e
--- /dev/null
+++ b/src/assets/icons/icon-dyh.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701949073135" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="24877" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M798.38 538.03l-575.1-346.2 0.04-68.75 575.04 345.6 0.02 69.35z" fill="#606266" p-id="24878"></path><path d="M798.38 538.03L223.3 894.99v-69.52l575.06-356.79 0.02 69.35z" fill="#606266" p-id="24879"></path></svg>
\ No newline at end of file
diff --git a/src/assets/icons/icon-init.svg b/src/assets/icons/icon-init.svg
new file mode 100644
index 0000000..b073cdf
--- /dev/null
+++ b/src/assets/icons/icon-init.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701944692950" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="19249" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M0 438.784l402.432 182.784L585.216 1024 1024 0 0 438.784z" fill="#ffffff" p-id="19250"></path></svg>
\ No newline at end of file
diff --git a/src/assets/icons/icon-refresh.svg b/src/assets/icons/icon-refresh.svg
new file mode 100644
index 0000000..af71d10
--- /dev/null
+++ b/src/assets/icons/icon-refresh.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701949518573" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="29448" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M960 416V192l-73.056 73.056a447.712 447.712 0 0 0-373.6-201.088C265.92 63.968 65.312 264.544 65.312 512S265.92 960.032 513.344 960.032a448.064 448.064 0 0 0 415.232-279.488 38.368 38.368 0 1 0-71.136-28.896 371.36 371.36 0 0 1-344.096 231.584C308.32 883.232 142.112 717.024 142.112 512S308.32 140.768 513.344 140.768c132.448 0 251.936 70.08 318.016 179.84L736 416h224z" p-id="29449"></path></svg>
\ No newline at end of file
diff --git a/src/assets/icons/icon-search.svg b/src/assets/icons/icon-search.svg
new file mode 100644
index 0000000..f34257f
--- /dev/null
+++ b/src/assets/icons/icon-search.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701949440268" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="27499" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M756.565333 697.258667c2.133333 1.493333 4.224 3.157333 6.101334 5.12l241.664 241.621333c16.256 16.256 16.512 43.52-0.128 60.16a42.453333 42.453333 0 0 1-60.202667 0.170667l-241.664-241.664a41.429333 41.429333 0 0 1-5.034667-6.101334A424.917333 424.917333 0 0 1 426.666667 853.333333C191.018667 853.333333 0 662.314667 0 426.666667S191.018667 0 426.666667 0s426.666667 191.018667 426.666666 426.666667c0 102.698667-36.266667 196.949333-96.768 270.592zM426.666667 768a341.333333 341.333333 0 1 0 0-682.666667 341.333333 341.333333 0 0 0 0 682.666667z" p-id="27500"></path></svg>
diff --git a/src/assets/icons/icon-xyh.svg b/src/assets/icons/icon-xyh.svg
new file mode 100644
index 0000000..60c2e31
--- /dev/null
+++ b/src/assets/icons/icon-xyh.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701949035467" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="23892" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M224.45 538.68l575.11-346.21-0.05-68.75-575.03 345.61-0.03 69.35z" fill="#606266" p-id="23893"></path><path d="M224.45 538.68l575.08 356.96v-69.52L224.48 469.33l-0.03 69.35z" fill="#606266" p-id="23894"></path></svg>
\ No newline at end of file
diff --git a/src/assets/images/workFlowImg/add.png b/src/assets/images/workFlowImg/add.png
new file mode 100644
index 0000000..d626ac3
--- /dev/null
+++ b/src/assets/images/workFlowImg/add.png
Binary files differ
diff --git a/src/assets/images/workFlowImg/approval.png b/src/assets/images/workFlowImg/approval.png
new file mode 100644
index 0000000..479fceb
--- /dev/null
+++ b/src/assets/images/workFlowImg/approval.png
Binary files differ
diff --git a/src/assets/images/workFlowImg/approvalPerson.png b/src/assets/images/workFlowImg/approvalPerson.png
new file mode 100644
index 0000000..e934468
--- /dev/null
+++ b/src/assets/images/workFlowImg/approvalPerson.png
Binary files differ
diff --git a/src/assets/images/workFlowImg/condition-new.png b/src/assets/images/workFlowImg/condition-new.png
new file mode 100644
index 0000000..42c2275
--- /dev/null
+++ b/src/assets/images/workFlowImg/condition-new.png
Binary files differ

diff --git a/src/assets/icons/icon-differ.svg b/src/assets/icons/icon-differ.svg
new file mode 100644
index 0000000..7d71c43
--- /dev/null
+++ b/src/assets/icons/icon-differ.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701947662665" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="21185" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M934.382936 824.346821c30.593785 30.650067 30.593785 80.31521-0.056282 110.965278-15.268752 15.325034-35.361369 22.989597-55.452963 22.989597-20.094664 0-40.187281-7.664563-55.512315-22.989597L510.214331 622.154819 197.066261 935.312098c-15.325034 15.325034-35.417651 22.989597-55.512315 22.989597-20.092617 0-40.184211-7.664563-55.452963-22.989597-30.650067-30.650067-30.650067-80.31521-0.056282-110.965278l313.177745-313.190025L86.044702 197.966771c-30.593785-30.650067-30.593785-80.31521 0.056282-110.965278 30.537504-30.652114 80.31521-30.652114 110.965278 0L510.214331 400.158772 823.361377 87.001493c30.650067-30.652114 80.427774-30.652114 110.965278 0 30.650067 30.650067 30.650067 80.31521 0.056282 110.965278L621.205191 511.156796 934.382936 824.346821z" p-id="21186"></path></svg>
diff --git a/src/assets/icons/icon-dyh.svg b/src/assets/icons/icon-dyh.svg
new file mode 100644
index 0000000..005bd8e
--- /dev/null
+++ b/src/assets/icons/icon-dyh.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701949073135" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="24877" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M798.38 538.03l-575.1-346.2 0.04-68.75 575.04 345.6 0.02 69.35z" fill="#606266" p-id="24878"></path><path d="M798.38 538.03L223.3 894.99v-69.52l575.06-356.79 0.02 69.35z" fill="#606266" p-id="24879"></path></svg>
\ No newline at end of file
diff --git a/src/assets/icons/icon-init.svg b/src/assets/icons/icon-init.svg
new file mode 100644
index 0000000..b073cdf
--- /dev/null
+++ b/src/assets/icons/icon-init.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701944692950" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="19249" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M0 438.784l402.432 182.784L585.216 1024 1024 0 0 438.784z" fill="#ffffff" p-id="19250"></path></svg>
\ No newline at end of file
diff --git a/src/assets/icons/icon-refresh.svg b/src/assets/icons/icon-refresh.svg
new file mode 100644
index 0000000..af71d10
--- /dev/null
+++ b/src/assets/icons/icon-refresh.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701949518573" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="29448" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M960 416V192l-73.056 73.056a447.712 447.712 0 0 0-373.6-201.088C265.92 63.968 65.312 264.544 65.312 512S265.92 960.032 513.344 960.032a448.064 448.064 0 0 0 415.232-279.488 38.368 38.368 0 1 0-71.136-28.896 371.36 371.36 0 0 1-344.096 231.584C308.32 883.232 142.112 717.024 142.112 512S308.32 140.768 513.344 140.768c132.448 0 251.936 70.08 318.016 179.84L736 416h224z" p-id="29449"></path></svg>
\ No newline at end of file
diff --git a/src/assets/icons/icon-search.svg b/src/assets/icons/icon-search.svg
new file mode 100644
index 0000000..f34257f
--- /dev/null
+++ b/src/assets/icons/icon-search.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701949440268" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="27499" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M756.565333 697.258667c2.133333 1.493333 4.224 3.157333 6.101334 5.12l241.664 241.621333c16.256 16.256 16.512 43.52-0.128 60.16a42.453333 42.453333 0 0 1-60.202667 0.170667l-241.664-241.664a41.429333 41.429333 0 0 1-5.034667-6.101334A424.917333 424.917333 0 0 1 426.666667 853.333333C191.018667 853.333333 0 662.314667 0 426.666667S191.018667 0 426.666667 0s426.666667 191.018667 426.666666 426.666667c0 102.698667-36.266667 196.949333-96.768 270.592zM426.666667 768a341.333333 341.333333 0 1 0 0-682.666667 341.333333 341.333333 0 0 0 0 682.666667z" p-id="27500"></path></svg>
diff --git a/src/assets/icons/icon-xyh.svg b/src/assets/icons/icon-xyh.svg
new file mode 100644
index 0000000..60c2e31
--- /dev/null
+++ b/src/assets/icons/icon-xyh.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701949035467" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="23892" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M224.45 538.68l575.11-346.21-0.05-68.75-575.03 345.61-0.03 69.35z" fill="#606266" p-id="23893"></path><path d="M224.45 538.68l575.08 356.96v-69.52L224.48 469.33l-0.03 69.35z" fill="#606266" p-id="23894"></path></svg>
\ No newline at end of file
diff --git a/src/assets/images/workFlowImg/add.png b/src/assets/images/workFlowImg/add.png
new file mode 100644
index 0000000..d626ac3
--- /dev/null
+++ b/src/assets/images/workFlowImg/add.png
Binary files differ
diff --git a/src/assets/images/workFlowImg/approval.png b/src/assets/images/workFlowImg/approval.png
new file mode 100644
index 0000000..479fceb
--- /dev/null
+++ b/src/assets/images/workFlowImg/approval.png
Binary files differ
diff --git a/src/assets/images/workFlowImg/approvalPerson.png b/src/assets/images/workFlowImg/approvalPerson.png
new file mode 100644
index 0000000..e934468
--- /dev/null
+++ b/src/assets/images/workFlowImg/approvalPerson.png
Binary files differ
diff --git a/src/assets/images/workFlowImg/condition-new.png b/src/assets/images/workFlowImg/condition-new.png
new file mode 100644
index 0000000..42c2275
--- /dev/null
+++ b/src/assets/images/workFlowImg/condition-new.png
Binary files differ
diff --git a/src/assets/images/workFlowImg/condition.png b/src/assets/images/workFlowImg/condition.png
new file mode 100644
index 0000000..92c6e6d
--- /dev/null
+++ b/src/assets/images/workFlowImg/condition.png
Binary files differ

diff --git a/src/assets/icons/icon-differ.svg b/src/assets/icons/icon-differ.svg
new file mode 100644
index 0000000..7d71c43
--- /dev/null
+++ b/src/assets/icons/icon-differ.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701947662665" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="21185" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M934.382936 824.346821c30.593785 30.650067 30.593785 80.31521-0.056282 110.965278-15.268752 15.325034-35.361369 22.989597-55.452963 22.989597-20.094664 0-40.187281-7.664563-55.512315-22.989597L510.214331 622.154819 197.066261 935.312098c-15.325034 15.325034-35.417651 22.989597-55.512315 22.989597-20.092617 0-40.184211-7.664563-55.452963-22.989597-30.650067-30.650067-30.650067-80.31521-0.056282-110.965278l313.177745-313.190025L86.044702 197.966771c-30.593785-30.650067-30.593785-80.31521 0.056282-110.965278 30.537504-30.652114 80.31521-30.652114 110.965278 0L510.214331 400.158772 823.361377 87.001493c30.650067-30.652114 80.427774-30.652114 110.965278 0 30.650067 30.650067 30.650067 80.31521 0.056282 110.965278L621.205191 511.156796 934.382936 824.346821z" p-id="21186"></path></svg>
diff --git a/src/assets/icons/icon-dyh.svg b/src/assets/icons/icon-dyh.svg
new file mode 100644
index 0000000..005bd8e
--- /dev/null
+++ b/src/assets/icons/icon-dyh.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701949073135" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="24877" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M798.38 538.03l-575.1-346.2 0.04-68.75 575.04 345.6 0.02 69.35z" fill="#606266" p-id="24878"></path><path d="M798.38 538.03L223.3 894.99v-69.52l575.06-356.79 0.02 69.35z" fill="#606266" p-id="24879"></path></svg>
\ No newline at end of file
diff --git a/src/assets/icons/icon-init.svg b/src/assets/icons/icon-init.svg
new file mode 100644
index 0000000..b073cdf
--- /dev/null
+++ b/src/assets/icons/icon-init.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701944692950" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="19249" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M0 438.784l402.432 182.784L585.216 1024 1024 0 0 438.784z" fill="#ffffff" p-id="19250"></path></svg>
\ No newline at end of file
diff --git a/src/assets/icons/icon-refresh.svg b/src/assets/icons/icon-refresh.svg
new file mode 100644
index 0000000..af71d10
--- /dev/null
+++ b/src/assets/icons/icon-refresh.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701949518573" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="29448" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M960 416V192l-73.056 73.056a447.712 447.712 0 0 0-373.6-201.088C265.92 63.968 65.312 264.544 65.312 512S265.92 960.032 513.344 960.032a448.064 448.064 0 0 0 415.232-279.488 38.368 38.368 0 1 0-71.136-28.896 371.36 371.36 0 0 1-344.096 231.584C308.32 883.232 142.112 717.024 142.112 512S308.32 140.768 513.344 140.768c132.448 0 251.936 70.08 318.016 179.84L736 416h224z" p-id="29449"></path></svg>
\ No newline at end of file
diff --git a/src/assets/icons/icon-search.svg b/src/assets/icons/icon-search.svg
new file mode 100644
index 0000000..f34257f
--- /dev/null
+++ b/src/assets/icons/icon-search.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701949440268" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="27499" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M756.565333 697.258667c2.133333 1.493333 4.224 3.157333 6.101334 5.12l241.664 241.621333c16.256 16.256 16.512 43.52-0.128 60.16a42.453333 42.453333 0 0 1-60.202667 0.170667l-241.664-241.664a41.429333 41.429333 0 0 1-5.034667-6.101334A424.917333 424.917333 0 0 1 426.666667 853.333333C191.018667 853.333333 0 662.314667 0 426.666667S191.018667 0 426.666667 0s426.666667 191.018667 426.666666 426.666667c0 102.698667-36.266667 196.949333-96.768 270.592zM426.666667 768a341.333333 341.333333 0 1 0 0-682.666667 341.333333 341.333333 0 0 0 0 682.666667z" p-id="27500"></path></svg>
diff --git a/src/assets/icons/icon-xyh.svg b/src/assets/icons/icon-xyh.svg
new file mode 100644
index 0000000..60c2e31
--- /dev/null
+++ b/src/assets/icons/icon-xyh.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701949035467" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="23892" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M224.45 538.68l575.11-346.21-0.05-68.75-575.03 345.61-0.03 69.35z" fill="#606266" p-id="23893"></path><path d="M224.45 538.68l575.08 356.96v-69.52L224.48 469.33l-0.03 69.35z" fill="#606266" p-id="23894"></path></svg>
\ No newline at end of file
diff --git a/src/assets/images/workFlowImg/add.png b/src/assets/images/workFlowImg/add.png
new file mode 100644
index 0000000..d626ac3
--- /dev/null
+++ b/src/assets/images/workFlowImg/add.png
Binary files differ
diff --git a/src/assets/images/workFlowImg/approval.png b/src/assets/images/workFlowImg/approval.png
new file mode 100644
index 0000000..479fceb
--- /dev/null
+++ b/src/assets/images/workFlowImg/approval.png
Binary files differ
diff --git a/src/assets/images/workFlowImg/approvalPerson.png b/src/assets/images/workFlowImg/approvalPerson.png
new file mode 100644
index 0000000..e934468
--- /dev/null
+++ b/src/assets/images/workFlowImg/approvalPerson.png
Binary files differ
diff --git a/src/assets/images/workFlowImg/condition-new.png b/src/assets/images/workFlowImg/condition-new.png
new file mode 100644
index 0000000..42c2275
--- /dev/null
+++ b/src/assets/images/workFlowImg/condition-new.png
Binary files differ
diff --git a/src/assets/images/workFlowImg/condition.png b/src/assets/images/workFlowImg/condition.png
new file mode 100644
index 0000000..92c6e6d
--- /dev/null
+++ b/src/assets/images/workFlowImg/condition.png
Binary files differ
diff --git a/src/assets/images/workFlowImg/csr.png b/src/assets/images/workFlowImg/csr.png
new file mode 100644
index 0000000..23521a1
--- /dev/null
+++ b/src/assets/images/workFlowImg/csr.png
Binary files differ

diff --git a/src/assets/icons/icon-differ.svg b/src/assets/icons/icon-differ.svg
new file mode 100644
index 0000000..7d71c43
--- /dev/null
+++ b/src/assets/icons/icon-differ.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701947662665" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="21185" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M934.382936 824.346821c30.593785 30.650067 30.593785 80.31521-0.056282 110.965278-15.268752 15.325034-35.361369 22.989597-55.452963 22.989597-20.094664 0-40.187281-7.664563-55.512315-22.989597L510.214331 622.154819 197.066261 935.312098c-15.325034 15.325034-35.417651 22.989597-55.512315 22.989597-20.092617 0-40.184211-7.664563-55.452963-22.989597-30.650067-30.650067-30.650067-80.31521-0.056282-110.965278l313.177745-313.190025L86.044702 197.966771c-30.593785-30.650067-30.593785-80.31521 0.056282-110.965278 30.537504-30.652114 80.31521-30.652114 110.965278 0L510.214331 400.158772 823.361377 87.001493c30.650067-30.652114 80.427774-30.652114 110.965278 0 30.650067 30.650067 30.650067 80.31521 0.056282 110.965278L621.205191 511.156796 934.382936 824.346821z" p-id="21186"></path></svg>
diff --git a/src/assets/icons/icon-dyh.svg b/src/assets/icons/icon-dyh.svg
new file mode 100644
index 0000000..005bd8e
--- /dev/null
+++ b/src/assets/icons/icon-dyh.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701949073135" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="24877" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M798.38 538.03l-575.1-346.2 0.04-68.75 575.04 345.6 0.02 69.35z" fill="#606266" p-id="24878"></path><path d="M798.38 538.03L223.3 894.99v-69.52l575.06-356.79 0.02 69.35z" fill="#606266" p-id="24879"></path></svg>
\ No newline at end of file
diff --git a/src/assets/icons/icon-init.svg b/src/assets/icons/icon-init.svg
new file mode 100644
index 0000000..b073cdf
--- /dev/null
+++ b/src/assets/icons/icon-init.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701944692950" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="19249" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M0 438.784l402.432 182.784L585.216 1024 1024 0 0 438.784z" fill="#ffffff" p-id="19250"></path></svg>
\ No newline at end of file
diff --git a/src/assets/icons/icon-refresh.svg b/src/assets/icons/icon-refresh.svg
new file mode 100644
index 0000000..af71d10
--- /dev/null
+++ b/src/assets/icons/icon-refresh.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701949518573" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="29448" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M960 416V192l-73.056 73.056a447.712 447.712 0 0 0-373.6-201.088C265.92 63.968 65.312 264.544 65.312 512S265.92 960.032 513.344 960.032a448.064 448.064 0 0 0 415.232-279.488 38.368 38.368 0 1 0-71.136-28.896 371.36 371.36 0 0 1-344.096 231.584C308.32 883.232 142.112 717.024 142.112 512S308.32 140.768 513.344 140.768c132.448 0 251.936 70.08 318.016 179.84L736 416h224z" p-id="29449"></path></svg>
\ No newline at end of file
diff --git a/src/assets/icons/icon-search.svg b/src/assets/icons/icon-search.svg
new file mode 100644
index 0000000..f34257f
--- /dev/null
+++ b/src/assets/icons/icon-search.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701949440268" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="27499" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M756.565333 697.258667c2.133333 1.493333 4.224 3.157333 6.101334 5.12l241.664 241.621333c16.256 16.256 16.512 43.52-0.128 60.16a42.453333 42.453333 0 0 1-60.202667 0.170667l-241.664-241.664a41.429333 41.429333 0 0 1-5.034667-6.101334A424.917333 424.917333 0 0 1 426.666667 853.333333C191.018667 853.333333 0 662.314667 0 426.666667S191.018667 0 426.666667 0s426.666667 191.018667 426.666666 426.666667c0 102.698667-36.266667 196.949333-96.768 270.592zM426.666667 768a341.333333 341.333333 0 1 0 0-682.666667 341.333333 341.333333 0 0 0 0 682.666667z" p-id="27500"></path></svg>
diff --git a/src/assets/icons/icon-xyh.svg b/src/assets/icons/icon-xyh.svg
new file mode 100644
index 0000000..60c2e31
--- /dev/null
+++ b/src/assets/icons/icon-xyh.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701949035467" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="23892" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M224.45 538.68l575.11-346.21-0.05-68.75-575.03 345.61-0.03 69.35z" fill="#606266" p-id="23893"></path><path d="M224.45 538.68l575.08 356.96v-69.52L224.48 469.33l-0.03 69.35z" fill="#606266" p-id="23894"></path></svg>
\ No newline at end of file
diff --git a/src/assets/images/workFlowImg/add.png b/src/assets/images/workFlowImg/add.png
new file mode 100644
index 0000000..d626ac3
--- /dev/null
+++ b/src/assets/images/workFlowImg/add.png
Binary files differ
diff --git a/src/assets/images/workFlowImg/approval.png b/src/assets/images/workFlowImg/approval.png
new file mode 100644
index 0000000..479fceb
--- /dev/null
+++ b/src/assets/images/workFlowImg/approval.png
Binary files differ
diff --git a/src/assets/images/workFlowImg/approvalPerson.png b/src/assets/images/workFlowImg/approvalPerson.png
new file mode 100644
index 0000000..e934468
--- /dev/null
+++ b/src/assets/images/workFlowImg/approvalPerson.png
Binary files differ
diff --git a/src/assets/images/workFlowImg/condition-new.png b/src/assets/images/workFlowImg/condition-new.png
new file mode 100644
index 0000000..42c2275
--- /dev/null
+++ b/src/assets/images/workFlowImg/condition-new.png
Binary files differ
diff --git a/src/assets/images/workFlowImg/condition.png b/src/assets/images/workFlowImg/condition.png
new file mode 100644
index 0000000..92c6e6d
--- /dev/null
+++ b/src/assets/images/workFlowImg/condition.png
Binary files differ
diff --git a/src/assets/images/workFlowImg/csr.png b/src/assets/images/workFlowImg/csr.png
new file mode 100644
index 0000000..23521a1
--- /dev/null
+++ b/src/assets/images/workFlowImg/csr.png
Binary files differ
diff --git a/src/components/drawer/approverDrawer.vue b/src/components/drawer/approverDrawer.vue
index aad4174..07962fd 100644
--- a/src/components/drawer/approverDrawer.vue
+++ b/src/components/drawer/approverDrawer.vue
@@ -11,7 +11,7 @@
 const props = defineProps({
   directorMaxLevel: {
     type: Number,
-    default: 0,
+    default: 6,
   },
 })
 const emits = defineEmits(['update:nodeConfig'])
@@ -65,6 +65,17 @@
   approverRoleVisible.value = true
   checkedRoleList.value = approverConfig.value.nodeUserList
 }
+// // 选择好成员
+// const sureApprover = (data: IEmployees) => {
+//   approverConfig.value.nodeUserList = data
+//   approverVisible.value = false
+// }
+// // 选择好角色
+// const sureRoleApprover = (data: IroleInfo) => {
+//   approverConfig.value.nodeUserList = data
+//   approverRoleVisible.value = false
+// }
+
 // 选择好成员
 const sureApprover = (data: IEmployees[]) => {
   data.forEach((user: IEmployees) => {
@@ -84,6 +95,7 @@
   // approverConfig.value.nodeUserList = data
   approverRoleVisible.value = false
 }
+
 // 点击确定，保存审批设置
 const saveApprover = () => {
   window.sessionStorage.setItem('decisionItem', `${decisionItem.value}`)
@@ -205,6 +217,16 @@
     noticeStarter.value = parseInt(getNoticeStarter) // 审批结果通知发起人
   }
 })
+const directorLevelList = ref<number[]>([]) // 连续多级主管选择框数组，过滤直接主管
+watch(() => props.directorMaxLevel, (newValue) => {
+  if (newValue) {
+    for (let i = 1; i <= newValue; i++) {
+      if (i > 1) {
+        directorLevelList.value.push(i)
+      }
+    }
+  }
+}, { immediate: true })
 </script>
 
 <template>
@@ -301,7 +323,7 @@
             :label="item === 1 ? '最高层级主管' : `第${item}层级主管`"
           /> -->
           <el-option
-            v-for="item in directorMaxLevel"
+            v-for="item in directorLevelList"
             :key="item"
             :value="item"
             :label="item === 1 ? '直接主管' : `第${item}级主管`"
@@ -494,5 +516,10 @@
     font-weight: bold;
     line-height: 19px;
   }
+
+  .el-radio__label {
+    display: block !important;
+  }
 }
 </style>
+

diff --git a/src/assets/icons/icon-differ.svg b/src/assets/icons/icon-differ.svg
new file mode 100644
index 0000000..7d71c43
--- /dev/null
+++ b/src/assets/icons/icon-differ.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701947662665" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="21185" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M934.382936 824.346821c30.593785 30.650067 30.593785 80.31521-0.056282 110.965278-15.268752 15.325034-35.361369 22.989597-55.452963 22.989597-20.094664 0-40.187281-7.664563-55.512315-22.989597L510.214331 622.154819 197.066261 935.312098c-15.325034 15.325034-35.417651 22.989597-55.512315 22.989597-20.092617 0-40.184211-7.664563-55.452963-22.989597-30.650067-30.650067-30.650067-80.31521-0.056282-110.965278l313.177745-313.190025L86.044702 197.966771c-30.593785-30.650067-30.593785-80.31521 0.056282-110.965278 30.537504-30.652114 80.31521-30.652114 110.965278 0L510.214331 400.158772 823.361377 87.001493c30.650067-30.652114 80.427774-30.652114 110.965278 0 30.650067 30.650067 30.650067 80.31521 0.056282 110.965278L621.205191 511.156796 934.382936 824.346821z" p-id="21186"></path></svg>
diff --git a/src/assets/icons/icon-dyh.svg b/src/assets/icons/icon-dyh.svg
new file mode 100644
index 0000000..005bd8e
--- /dev/null
+++ b/src/assets/icons/icon-dyh.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701949073135" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="24877" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M798.38 538.03l-575.1-346.2 0.04-68.75 575.04 345.6 0.02 69.35z" fill="#606266" p-id="24878"></path><path d="M798.38 538.03L223.3 894.99v-69.52l575.06-356.79 0.02 69.35z" fill="#606266" p-id="24879"></path></svg>
\ No newline at end of file
diff --git a/src/assets/icons/icon-init.svg b/src/assets/icons/icon-init.svg
new file mode 100644
index 0000000..b073cdf
--- /dev/null
+++ b/src/assets/icons/icon-init.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701944692950" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="19249" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M0 438.784l402.432 182.784L585.216 1024 1024 0 0 438.784z" fill="#ffffff" p-id="19250"></path></svg>
\ No newline at end of file
diff --git a/src/assets/icons/icon-refresh.svg b/src/assets/icons/icon-refresh.svg
new file mode 100644
index 0000000..af71d10
--- /dev/null
+++ b/src/assets/icons/icon-refresh.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701949518573" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="29448" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M960 416V192l-73.056 73.056a447.712 447.712 0 0 0-373.6-201.088C265.92 63.968 65.312 264.544 65.312 512S265.92 960.032 513.344 960.032a448.064 448.064 0 0 0 415.232-279.488 38.368 38.368 0 1 0-71.136-28.896 371.36 371.36 0 0 1-344.096 231.584C308.32 883.232 142.112 717.024 142.112 512S308.32 140.768 513.344 140.768c132.448 0 251.936 70.08 318.016 179.84L736 416h224z" p-id="29449"></path></svg>
\ No newline at end of file
diff --git a/src/assets/icons/icon-search.svg b/src/assets/icons/icon-search.svg
new file mode 100644
index 0000000..f34257f
--- /dev/null
+++ b/src/assets/icons/icon-search.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701949440268" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="27499" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M756.565333 697.258667c2.133333 1.493333 4.224 3.157333 6.101334 5.12l241.664 241.621333c16.256 16.256 16.512 43.52-0.128 60.16a42.453333 42.453333 0 0 1-60.202667 0.170667l-241.664-241.664a41.429333 41.429333 0 0 1-5.034667-6.101334A424.917333 424.917333 0 0 1 426.666667 853.333333C191.018667 853.333333 0 662.314667 0 426.666667S191.018667 0 426.666667 0s426.666667 191.018667 426.666666 426.666667c0 102.698667-36.266667 196.949333-96.768 270.592zM426.666667 768a341.333333 341.333333 0 1 0 0-682.666667 341.333333 341.333333 0 0 0 0 682.666667z" p-id="27500"></path></svg>
diff --git a/src/assets/icons/icon-xyh.svg b/src/assets/icons/icon-xyh.svg
new file mode 100644
index 0000000..60c2e31
--- /dev/null
+++ b/src/assets/icons/icon-xyh.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701949035467" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="23892" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M224.45 538.68l575.11-346.21-0.05-68.75-575.03 345.61-0.03 69.35z" fill="#606266" p-id="23893"></path><path d="M224.45 538.68l575.08 356.96v-69.52L224.48 469.33l-0.03 69.35z" fill="#606266" p-id="23894"></path></svg>
\ No newline at end of file
diff --git a/src/assets/images/workFlowImg/add.png b/src/assets/images/workFlowImg/add.png
new file mode 100644
index 0000000..d626ac3
--- /dev/null
+++ b/src/assets/images/workFlowImg/add.png
Binary files differ
diff --git a/src/assets/images/workFlowImg/approval.png b/src/assets/images/workFlowImg/approval.png
new file mode 100644
index 0000000..479fceb
--- /dev/null
+++ b/src/assets/images/workFlowImg/approval.png
Binary files differ
diff --git a/src/assets/images/workFlowImg/approvalPerson.png b/src/assets/images/workFlowImg/approvalPerson.png
new file mode 100644
index 0000000..e934468
--- /dev/null
+++ b/src/assets/images/workFlowImg/approvalPerson.png
Binary files differ
diff --git a/src/assets/images/workFlowImg/condition-new.png b/src/assets/images/workFlowImg/condition-new.png
new file mode 100644
index 0000000..42c2275
--- /dev/null
+++ b/src/assets/images/workFlowImg/condition-new.png
Binary files differ
diff --git a/src/assets/images/workFlowImg/condition.png b/src/assets/images/workFlowImg/condition.png
new file mode 100644
index 0000000..92c6e6d
--- /dev/null
+++ b/src/assets/images/workFlowImg/condition.png
Binary files differ
diff --git a/src/assets/images/workFlowImg/csr.png b/src/assets/images/workFlowImg/csr.png
new file mode 100644
index 0000000..23521a1
--- /dev/null
+++ b/src/assets/images/workFlowImg/csr.png
Binary files differ
diff --git a/src/components/drawer/approverDrawer.vue b/src/components/drawer/approverDrawer.vue
index aad4174..07962fd 100644
--- a/src/components/drawer/approverDrawer.vue
+++ b/src/components/drawer/approverDrawer.vue
@@ -11,7 +11,7 @@
 const props = defineProps({
   directorMaxLevel: {
     type: Number,
-    default: 0,
+    default: 6,
   },
 })
 const emits = defineEmits(['update:nodeConfig'])
@@ -65,6 +65,17 @@
   approverRoleVisible.value = true
   checkedRoleList.value = approverConfig.value.nodeUserList
 }
+// // 选择好成员
+// const sureApprover = (data: IEmployees) => {
+//   approverConfig.value.nodeUserList = data
+//   approverVisible.value = false
+// }
+// // 选择好角色
+// const sureRoleApprover = (data: IroleInfo) => {
+//   approverConfig.value.nodeUserList = data
+//   approverRoleVisible.value = false
+// }
+
 // 选择好成员
 const sureApprover = (data: IEmployees[]) => {
   data.forEach((user: IEmployees) => {
@@ -84,6 +95,7 @@
   // approverConfig.value.nodeUserList = data
   approverRoleVisible.value = false
 }
+
 // 点击确定，保存审批设置
 const saveApprover = () => {
   window.sessionStorage.setItem('decisionItem', `${decisionItem.value}`)
@@ -205,6 +217,16 @@
     noticeStarter.value = parseInt(getNoticeStarter) // 审批结果通知发起人
   }
 })
+const directorLevelList = ref<number[]>([]) // 连续多级主管选择框数组，过滤直接主管
+watch(() => props.directorMaxLevel, (newValue) => {
+  if (newValue) {
+    for (let i = 1; i <= newValue; i++) {
+      if (i > 1) {
+        directorLevelList.value.push(i)
+      }
+    }
+  }
+}, { immediate: true })
 </script>
 
 <template>
@@ -301,7 +323,7 @@
             :label="item === 1 ? '最高层级主管' : `第${item}层级主管`"
           /> -->
           <el-option
-            v-for="item in directorMaxLevel"
+            v-for="item in directorLevelList"
             :key="item"
             :value="item"
             :label="item === 1 ? '直接主管' : `第${item}级主管`"
@@ -494,5 +516,10 @@
     font-weight: bold;
     line-height: 19px;
   }
+
+  .el-radio__label {
+    display: block !important;
+  }
 }
 </style>
+
diff --git a/src/components/drawer/conditionDrawer.vue b/src/components/drawer/conditionDrawer.vue
index e7b4b8f..3f84680 100644
--- a/src/components/drawer/conditionDrawer.vue
+++ b/src/components/drawer/conditionDrawer.vue
@@ -4,6 +4,11 @@
 import { id } from 'element-plus/es/locale'
 import $func from '@/plugins/preload'
 import useWorkFlowStore from '@/store/modules/workFlow'
+
+const props = defineProps({
+  pageType: String, // 页面类型
+})
+
 const workFlowStore = useWorkFlowStore() // store
 const conditionVisible = ref(false) // 控制选择条件对话框显隐
 const conditionsConfig = ref({ // 多个条件数据配置
@@ -17,9 +22,9 @@
 const conditionRoleVisible = ref(false) // 条件选择角色对话框显隐
 const conditionPersonVisible = ref(false) // 条件选择人员对话框显隐
 const conditionDeptVisible = ref(false) // 条件选择部门对话框显隐
-const selectConditionTypeFront = ref('1') // 选择条件类型，1人员、2角色、3部门
+const selectConditionTypeFront = ref('') // 选择条件类型，1人员、2角色、3部门
 const { setCondition, setConditionsConfig } = workFlowStore
-
+const originalType = ref('') // 记录原始的类型
 // 关闭条件抽屉
 const closeDrawer = () => {
   setCondition(false)
@@ -42,9 +47,11 @@
 watch(() => workFlowStore.conditionsConfigValue, (val) => {
   conditionsConfig.value = val.value
   PriorityLevel.value = val.priorityLevel
-  conditionConfig.value = val.priorityLevel
-    ? conditionsConfig.value.conditionNodes[val.priorityLevel - 1]
-    : { nodeUserList: [], conditionList: [] }
+  conditionConfig.value = val.priorityLevel ? conditionsConfig.value.conditionNodes[val.priorityLevel - 1] : { nodeUserList: [], conditionList: [] }
+  if (conditionConfig.value.nodeUserList.length) {
+    selectConditionTypeFront.value = `${conditionConfig.value.nodeUserList[0].type}`
+    originalType.value = `${conditionConfig.value.nodeUserList[0].type}`
+  }
 })
 
 // 点击添加条件，弹出条件选择框
@@ -156,10 +163,17 @@
 function clickfq(conditionList: any, param: any, columnId: number | string) {
   $func.toChecked(conditionList, param, columnId)
 }
-// 条件变化清空列表
+// onUpdated(() => { // 首次不监听
+//   // 条件变化清空列表
+//     watch(() => selectConditionTypeFront.value, (newValue) => {
+//       conditionConfig.value.nodeUserList = []
+//     })
+// })
 watch(() => selectConditionTypeFront.value, (newValue) => {
-  conditionConfig.value.nodeUserList = []
-}, { immediate: true })
+  if (originalType.value !== selectConditionTypeFront.value) {
+    conditionConfig.value.nodeUserList = []
+  }
+})
 </script>
 
 <template>

diff --git a/src/assets/icons/icon-differ.svg b/src/assets/icons/icon-differ.svg
new file mode 100644
index 0000000..7d71c43
--- /dev/null
+++ b/src/assets/icons/icon-differ.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701947662665" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="21185" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M934.382936 824.346821c30.593785 30.650067 30.593785 80.31521-0.056282 110.965278-15.268752 15.325034-35.361369 22.989597-55.452963 22.989597-20.094664 0-40.187281-7.664563-55.512315-22.989597L510.214331 622.154819 197.066261 935.312098c-15.325034 15.325034-35.417651 22.989597-55.512315 22.989597-20.092617 0-40.184211-7.664563-55.452963-22.989597-30.650067-30.650067-30.650067-80.31521-0.056282-110.965278l313.177745-313.190025L86.044702 197.966771c-30.593785-30.650067-30.593785-80.31521 0.056282-110.965278 30.537504-30.652114 80.31521-30.652114 110.965278 0L510.214331 400.158772 823.361377 87.001493c30.650067-30.652114 80.427774-30.652114 110.965278 0 30.650067 30.650067 30.650067 80.31521 0.056282 110.965278L621.205191 511.156796 934.382936 824.346821z" p-id="21186"></path></svg>
diff --git a/src/assets/icons/icon-dyh.svg b/src/assets/icons/icon-dyh.svg
new file mode 100644
index 0000000..005bd8e
--- /dev/null
+++ b/src/assets/icons/icon-dyh.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701949073135" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="24877" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M798.38 538.03l-575.1-346.2 0.04-68.75 575.04 345.6 0.02 69.35z" fill="#606266" p-id="24878"></path><path d="M798.38 538.03L223.3 894.99v-69.52l575.06-356.79 0.02 69.35z" fill="#606266" p-id="24879"></path></svg>
\ No newline at end of file
diff --git a/src/assets/icons/icon-init.svg b/src/assets/icons/icon-init.svg
new file mode 100644
index 0000000..b073cdf
--- /dev/null
+++ b/src/assets/icons/icon-init.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701944692950" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="19249" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M0 438.784l402.432 182.784L585.216 1024 1024 0 0 438.784z" fill="#ffffff" p-id="19250"></path></svg>
\ No newline at end of file
diff --git a/src/assets/icons/icon-refresh.svg b/src/assets/icons/icon-refresh.svg
new file mode 100644
index 0000000..af71d10
--- /dev/null
+++ b/src/assets/icons/icon-refresh.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701949518573" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="29448" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M960 416V192l-73.056 73.056a447.712 447.712 0 0 0-373.6-201.088C265.92 63.968 65.312 264.544 65.312 512S265.92 960.032 513.344 960.032a448.064 448.064 0 0 0 415.232-279.488 38.368 38.368 0 1 0-71.136-28.896 371.36 371.36 0 0 1-344.096 231.584C308.32 883.232 142.112 717.024 142.112 512S308.32 140.768 513.344 140.768c132.448 0 251.936 70.08 318.016 179.84L736 416h224z" p-id="29449"></path></svg>
\ No newline at end of file
diff --git a/src/assets/icons/icon-search.svg b/src/assets/icons/icon-search.svg
new file mode 100644
index 0000000..f34257f
--- /dev/null
+++ b/src/assets/icons/icon-search.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701949440268" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="27499" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M756.565333 697.258667c2.133333 1.493333 4.224 3.157333 6.101334 5.12l241.664 241.621333c16.256 16.256 16.512 43.52-0.128 60.16a42.453333 42.453333 0 0 1-60.202667 0.170667l-241.664-241.664a41.429333 41.429333 0 0 1-5.034667-6.101334A424.917333 424.917333 0 0 1 426.666667 853.333333C191.018667 853.333333 0 662.314667 0 426.666667S191.018667 0 426.666667 0s426.666667 191.018667 426.666666 426.666667c0 102.698667-36.266667 196.949333-96.768 270.592zM426.666667 768a341.333333 341.333333 0 1 0 0-682.666667 341.333333 341.333333 0 0 0 0 682.666667z" p-id="27500"></path></svg>
diff --git a/src/assets/icons/icon-xyh.svg b/src/assets/icons/icon-xyh.svg
new file mode 100644
index 0000000..60c2e31
--- /dev/null
+++ b/src/assets/icons/icon-xyh.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701949035467" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="23892" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M224.45 538.68l575.11-346.21-0.05-68.75-575.03 345.61-0.03 69.35z" fill="#606266" p-id="23893"></path><path d="M224.45 538.68l575.08 356.96v-69.52L224.48 469.33l-0.03 69.35z" fill="#606266" p-id="23894"></path></svg>
\ No newline at end of file
diff --git a/src/assets/images/workFlowImg/add.png b/src/assets/images/workFlowImg/add.png
new file mode 100644
index 0000000..d626ac3
--- /dev/null
+++ b/src/assets/images/workFlowImg/add.png
Binary files differ
diff --git a/src/assets/images/workFlowImg/approval.png b/src/assets/images/workFlowImg/approval.png
new file mode 100644
index 0000000..479fceb
--- /dev/null
+++ b/src/assets/images/workFlowImg/approval.png
Binary files differ
diff --git a/src/assets/images/workFlowImg/approvalPerson.png b/src/assets/images/workFlowImg/approvalPerson.png
new file mode 100644
index 0000000..e934468
--- /dev/null
+++ b/src/assets/images/workFlowImg/approvalPerson.png
Binary files differ
diff --git a/src/assets/images/workFlowImg/condition-new.png b/src/assets/images/workFlowImg/condition-new.png
new file mode 100644
index 0000000..42c2275
--- /dev/null
+++ b/src/assets/images/workFlowImg/condition-new.png
Binary files differ
diff --git a/src/assets/images/workFlowImg/condition.png b/src/assets/images/workFlowImg/condition.png
new file mode 100644
index 0000000..92c6e6d
--- /dev/null
+++ b/src/assets/images/workFlowImg/condition.png
Binary files differ
diff --git a/src/assets/images/workFlowImg/csr.png b/src/assets/images/workFlowImg/csr.png
new file mode 100644
index 0000000..23521a1
--- /dev/null
+++ b/src/assets/images/workFlowImg/csr.png
Binary files differ
diff --git a/src/components/drawer/approverDrawer.vue b/src/components/drawer/approverDrawer.vue
index aad4174..07962fd 100644
--- a/src/components/drawer/approverDrawer.vue
+++ b/src/components/drawer/approverDrawer.vue
@@ -11,7 +11,7 @@
 const props = defineProps({
   directorMaxLevel: {
     type: Number,
-    default: 0,
+    default: 6,
   },
 })
 const emits = defineEmits(['update:nodeConfig'])
@@ -65,6 +65,17 @@
   approverRoleVisible.value = true
   checkedRoleList.value = approverConfig.value.nodeUserList
 }
+// // 选择好成员
+// const sureApprover = (data: IEmployees) => {
+//   approverConfig.value.nodeUserList = data
+//   approverVisible.value = false
+// }
+// // 选择好角色
+// const sureRoleApprover = (data: IroleInfo) => {
+//   approverConfig.value.nodeUserList = data
+//   approverRoleVisible.value = false
+// }
+
 // 选择好成员
 const sureApprover = (data: IEmployees[]) => {
   data.forEach((user: IEmployees) => {
@@ -84,6 +95,7 @@
   // approverConfig.value.nodeUserList = data
   approverRoleVisible.value = false
 }
+
 // 点击确定，保存审批设置
 const saveApprover = () => {
   window.sessionStorage.setItem('decisionItem', `${decisionItem.value}`)
@@ -205,6 +217,16 @@
     noticeStarter.value = parseInt(getNoticeStarter) // 审批结果通知发起人
   }
 })
+const directorLevelList = ref<number[]>([]) // 连续多级主管选择框数组，过滤直接主管
+watch(() => props.directorMaxLevel, (newValue) => {
+  if (newValue) {
+    for (let i = 1; i <= newValue; i++) {
+      if (i > 1) {
+        directorLevelList.value.push(i)
+      }
+    }
+  }
+}, { immediate: true })
 </script>
 
 <template>
@@ -301,7 +323,7 @@
             :label="item === 1 ? '最高层级主管' : `第${item}层级主管`"
           /> -->
           <el-option
-            v-for="item in directorMaxLevel"
+            v-for="item in directorLevelList"
             :key="item"
             :value="item"
             :label="item === 1 ? '直接主管' : `第${item}级主管`"
@@ -494,5 +516,10 @@
     font-weight: bold;
     line-height: 19px;
   }
+
+  .el-radio__label {
+    display: block !important;
+  }
 }
 </style>
+
diff --git a/src/components/drawer/conditionDrawer.vue b/src/components/drawer/conditionDrawer.vue
index e7b4b8f..3f84680 100644
--- a/src/components/drawer/conditionDrawer.vue
+++ b/src/components/drawer/conditionDrawer.vue
@@ -4,6 +4,11 @@
 import { id } from 'element-plus/es/locale'
 import $func from '@/plugins/preload'
 import useWorkFlowStore from '@/store/modules/workFlow'
+
+const props = defineProps({
+  pageType: String, // 页面类型
+})
+
 const workFlowStore = useWorkFlowStore() // store
 const conditionVisible = ref(false) // 控制选择条件对话框显隐
 const conditionsConfig = ref({ // 多个条件数据配置
@@ -17,9 +22,9 @@
 const conditionRoleVisible = ref(false) // 条件选择角色对话框显隐
 const conditionPersonVisible = ref(false) // 条件选择人员对话框显隐
 const conditionDeptVisible = ref(false) // 条件选择部门对话框显隐
-const selectConditionTypeFront = ref('1') // 选择条件类型，1人员、2角色、3部门
+const selectConditionTypeFront = ref('') // 选择条件类型，1人员、2角色、3部门
 const { setCondition, setConditionsConfig } = workFlowStore
-
+const originalType = ref('') // 记录原始的类型
 // 关闭条件抽屉
 const closeDrawer = () => {
   setCondition(false)
@@ -42,9 +47,11 @@
 watch(() => workFlowStore.conditionsConfigValue, (val) => {
   conditionsConfig.value = val.value
   PriorityLevel.value = val.priorityLevel
-  conditionConfig.value = val.priorityLevel
-    ? conditionsConfig.value.conditionNodes[val.priorityLevel - 1]
-    : { nodeUserList: [], conditionList: [] }
+  conditionConfig.value = val.priorityLevel ? conditionsConfig.value.conditionNodes[val.priorityLevel - 1] : { nodeUserList: [], conditionList: [] }
+  if (conditionConfig.value.nodeUserList.length) {
+    selectConditionTypeFront.value = `${conditionConfig.value.nodeUserList[0].type}`
+    originalType.value = `${conditionConfig.value.nodeUserList[0].type}`
+  }
 })
 
 // 点击添加条件，弹出条件选择框
@@ -156,10 +163,17 @@
 function clickfq(conditionList: any, param: any, columnId: number | string) {
   $func.toChecked(conditionList, param, columnId)
 }
-// 条件变化清空列表
+// onUpdated(() => { // 首次不监听
+//   // 条件变化清空列表
+//     watch(() => selectConditionTypeFront.value, (newValue) => {
+//       conditionConfig.value.nodeUserList = []
+//     })
+// })
 watch(() => selectConditionTypeFront.value, (newValue) => {
-  conditionConfig.value.nodeUserList = []
-}, { immediate: true })
+  if (originalType.value !== selectConditionTypeFront.value) {
+    conditionConfig.value.nodeUserList = []
+  }
+})
 </script>
 
 <template>
diff --git a/src/components/workFlow/addNode.vue b/src/components/workFlow/addNode.vue
index b773386..bb8bda1 100644
--- a/src/components/workFlow/addNode.vue
+++ b/src/components/workFlow/addNode.vue
@@ -75,7 +75,7 @@
         <div class="add-node-popover-body">
           <a class="add-node-popover-item approver" @click="addType(1)">
             <div class="item-wrapper">
-              <span class="iconfont"></span>
+              <img class="add-node-popover-item-img" src="../../assets/images/workFlowImg/approval.png" alt="">
             </div>
             <p>审批人</p>
           </a>
@@ -87,15 +87,16 @@
           </a> -->
           <a class="add-node-popover-item condition" @click="addType(4)">
             <div class="item-wrapper">
-              <span class="iconfont"></span>
+              <img class="add-node-popover-item-img" src="../../assets/images/workFlowImg/condition-new.png" alt="">
             </div>
             <p>条件分支</p>
           </a>
         </div>
         <template #reference>
-          <button class="btn" type="button">
+          <!-- <button class="btn" type="button">
             <span class="iconfont"></span>
-          </button>
+          </button> -->
+          <img class="add-node-popover-item-img-add" src="../../assets/images/workFlowImg/add.png" alt="">
         </template>
       </el-popover>
     </div>
@@ -103,6 +104,16 @@
 </template>
 
 <style scoped lang="scss">
+.add-node-popover-item-img-add {
+  width: 30px;
+  height: 30px;
+  background: #f5f5f7;
+
+  &:hover {
+    transform: scale(1.2);
+  }
+}
+
 .add-node-btn-box {
   width: 240px;
   display: inline-box;
@@ -152,8 +163,11 @@
       transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
 
       .iconfont {
+        display: flex;
+        justify-content: center;
+        align-items: center;
         color: #fff;
-        font-size: 16px;
+        font-size: 20px;
       }
 
       &:hover {
@@ -182,21 +196,27 @@
     flex: 1;
     color: #191f25 !important;
 
+    .add-node-popover-item-img {
+      width: 100%;
+      height: 100%;
+
+      // :hover {
+      //   transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
+      // }
+    }
+
     .item-wrapper {
       user-select: none;
-      display: inline-block;
       width: 80px;
       height: 80px;
       margin-bottom: 5px;
-      background: #fff;
-      border: 1px solid #e2e2e2;
+      // background: #fff;
+      // border: 1px solid #e2e2e2;
       border-radius: 50%;
       transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-
-      .iconfont {
-        font-size: 35px;
-        line-height: 80px;
-      }
+      display: flex;
+      justify-content: center;
+      align-items: center;
     }
 
     &.approver {
@@ -219,7 +239,7 @@
 
     &:hover {
       .item-wrapper {
-        background: #3296fa;
+        background: #ee7b5b;
         box-shadow: 0 10px 20px 0 rgb(50 150 250 / 40%);
       }
 

diff --git a/src/assets/icons/icon-differ.svg b/src/assets/icons/icon-differ.svg
new file mode 100644
index 0000000..7d71c43
--- /dev/null
+++ b/src/assets/icons/icon-differ.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701947662665" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="21185" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M934.382936 824.346821c30.593785 30.650067 30.593785 80.31521-0.056282 110.965278-15.268752 15.325034-35.361369 22.989597-55.452963 22.989597-20.094664 0-40.187281-7.664563-55.512315-22.989597L510.214331 622.154819 197.066261 935.312098c-15.325034 15.325034-35.417651 22.989597-55.512315 22.989597-20.092617 0-40.184211-7.664563-55.452963-22.989597-30.650067-30.650067-30.650067-80.31521-0.056282-110.965278l313.177745-313.190025L86.044702 197.966771c-30.593785-30.650067-30.593785-80.31521 0.056282-110.965278 30.537504-30.652114 80.31521-30.652114 110.965278 0L510.214331 400.158772 823.361377 87.001493c30.650067-30.652114 80.427774-30.652114 110.965278 0 30.650067 30.650067 30.650067 80.31521 0.056282 110.965278L621.205191 511.156796 934.382936 824.346821z" p-id="21186"></path></svg>
diff --git a/src/assets/icons/icon-dyh.svg b/src/assets/icons/icon-dyh.svg
new file mode 100644
index 0000000..005bd8e
--- /dev/null
+++ b/src/assets/icons/icon-dyh.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701949073135" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="24877" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M798.38 538.03l-575.1-346.2 0.04-68.75 575.04 345.6 0.02 69.35z" fill="#606266" p-id="24878"></path><path d="M798.38 538.03L223.3 894.99v-69.52l575.06-356.79 0.02 69.35z" fill="#606266" p-id="24879"></path></svg>
\ No newline at end of file
diff --git a/src/assets/icons/icon-init.svg b/src/assets/icons/icon-init.svg
new file mode 100644
index 0000000..b073cdf
--- /dev/null
+++ b/src/assets/icons/icon-init.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701944692950" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="19249" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M0 438.784l402.432 182.784L585.216 1024 1024 0 0 438.784z" fill="#ffffff" p-id="19250"></path></svg>
\ No newline at end of file
diff --git a/src/assets/icons/icon-refresh.svg b/src/assets/icons/icon-refresh.svg
new file mode 100644
index 0000000..af71d10
--- /dev/null
+++ b/src/assets/icons/icon-refresh.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701949518573" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="29448" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M960 416V192l-73.056 73.056a447.712 447.712 0 0 0-373.6-201.088C265.92 63.968 65.312 264.544 65.312 512S265.92 960.032 513.344 960.032a448.064 448.064 0 0 0 415.232-279.488 38.368 38.368 0 1 0-71.136-28.896 371.36 371.36 0 0 1-344.096 231.584C308.32 883.232 142.112 717.024 142.112 512S308.32 140.768 513.344 140.768c132.448 0 251.936 70.08 318.016 179.84L736 416h224z" p-id="29449"></path></svg>
\ No newline at end of file
diff --git a/src/assets/icons/icon-search.svg b/src/assets/icons/icon-search.svg
new file mode 100644
index 0000000..f34257f
--- /dev/null
+++ b/src/assets/icons/icon-search.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701949440268" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="27499" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M756.565333 697.258667c2.133333 1.493333 4.224 3.157333 6.101334 5.12l241.664 241.621333c16.256 16.256 16.512 43.52-0.128 60.16a42.453333 42.453333 0 0 1-60.202667 0.170667l-241.664-241.664a41.429333 41.429333 0 0 1-5.034667-6.101334A424.917333 424.917333 0 0 1 426.666667 853.333333C191.018667 853.333333 0 662.314667 0 426.666667S191.018667 0 426.666667 0s426.666667 191.018667 426.666666 426.666667c0 102.698667-36.266667 196.949333-96.768 270.592zM426.666667 768a341.333333 341.333333 0 1 0 0-682.666667 341.333333 341.333333 0 0 0 0 682.666667z" p-id="27500"></path></svg>
diff --git a/src/assets/icons/icon-xyh.svg b/src/assets/icons/icon-xyh.svg
new file mode 100644
index 0000000..60c2e31
--- /dev/null
+++ b/src/assets/icons/icon-xyh.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701949035467" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="23892" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M224.45 538.68l575.11-346.21-0.05-68.75-575.03 345.61-0.03 69.35z" fill="#606266" p-id="23893"></path><path d="M224.45 538.68l575.08 356.96v-69.52L224.48 469.33l-0.03 69.35z" fill="#606266" p-id="23894"></path></svg>
\ No newline at end of file
diff --git a/src/assets/images/workFlowImg/add.png b/src/assets/images/workFlowImg/add.png
new file mode 100644
index 0000000..d626ac3
--- /dev/null
+++ b/src/assets/images/workFlowImg/add.png
Binary files differ
diff --git a/src/assets/images/workFlowImg/approval.png b/src/assets/images/workFlowImg/approval.png
new file mode 100644
index 0000000..479fceb
--- /dev/null
+++ b/src/assets/images/workFlowImg/approval.png
Binary files differ
diff --git a/src/assets/images/workFlowImg/approvalPerson.png b/src/assets/images/workFlowImg/approvalPerson.png
new file mode 100644
index 0000000..e934468
--- /dev/null
+++ b/src/assets/images/workFlowImg/approvalPerson.png
Binary files differ
diff --git a/src/assets/images/workFlowImg/condition-new.png b/src/assets/images/workFlowImg/condition-new.png
new file mode 100644
index 0000000..42c2275
--- /dev/null
+++ b/src/assets/images/workFlowImg/condition-new.png
Binary files differ
diff --git a/src/assets/images/workFlowImg/condition.png b/src/assets/images/workFlowImg/condition.png
new file mode 100644
index 0000000..92c6e6d
--- /dev/null
+++ b/src/assets/images/workFlowImg/condition.png
Binary files differ
diff --git a/src/assets/images/workFlowImg/csr.png b/src/assets/images/workFlowImg/csr.png
new file mode 100644
index 0000000..23521a1
--- /dev/null
+++ b/src/assets/images/workFlowImg/csr.png
Binary files differ
diff --git a/src/components/drawer/approverDrawer.vue b/src/components/drawer/approverDrawer.vue
index aad4174..07962fd 100644
--- a/src/components/drawer/approverDrawer.vue
+++ b/src/components/drawer/approverDrawer.vue
@@ -11,7 +11,7 @@
 const props = defineProps({
   directorMaxLevel: {
     type: Number,
-    default: 0,
+    default: 6,
   },
 })
 const emits = defineEmits(['update:nodeConfig'])
@@ -65,6 +65,17 @@
   approverRoleVisible.value = true
   checkedRoleList.value = approverConfig.value.nodeUserList
 }
+// // 选择好成员
+// const sureApprover = (data: IEmployees) => {
+//   approverConfig.value.nodeUserList = data
+//   approverVisible.value = false
+// }
+// // 选择好角色
+// const sureRoleApprover = (data: IroleInfo) => {
+//   approverConfig.value.nodeUserList = data
+//   approverRoleVisible.value = false
+// }
+
 // 选择好成员
 const sureApprover = (data: IEmployees[]) => {
   data.forEach((user: IEmployees) => {
@@ -84,6 +95,7 @@
   // approverConfig.value.nodeUserList = data
   approverRoleVisible.value = false
 }
+
 // 点击确定，保存审批设置
 const saveApprover = () => {
   window.sessionStorage.setItem('decisionItem', `${decisionItem.value}`)
@@ -205,6 +217,16 @@
     noticeStarter.value = parseInt(getNoticeStarter) // 审批结果通知发起人
   }
 })
+const directorLevelList = ref<number[]>([]) // 连续多级主管选择框数组，过滤直接主管
+watch(() => props.directorMaxLevel, (newValue) => {
+  if (newValue) {
+    for (let i = 1; i <= newValue; i++) {
+      if (i > 1) {
+        directorLevelList.value.push(i)
+      }
+    }
+  }
+}, { immediate: true })
 </script>
 
 <template>
@@ -301,7 +323,7 @@
             :label="item === 1 ? '最高层级主管' : `第${item}层级主管`"
           /> -->
           <el-option
-            v-for="item in directorMaxLevel"
+            v-for="item in directorLevelList"
             :key="item"
             :value="item"
             :label="item === 1 ? '直接主管' : `第${item}级主管`"
@@ -494,5 +516,10 @@
     font-weight: bold;
     line-height: 19px;
   }
+
+  .el-radio__label {
+    display: block !important;
+  }
 }
 </style>
+
diff --git a/src/components/drawer/conditionDrawer.vue b/src/components/drawer/conditionDrawer.vue
index e7b4b8f..3f84680 100644
--- a/src/components/drawer/conditionDrawer.vue
+++ b/src/components/drawer/conditionDrawer.vue
@@ -4,6 +4,11 @@
 import { id } from 'element-plus/es/locale'
 import $func from '@/plugins/preload'
 import useWorkFlowStore from '@/store/modules/workFlow'
+
+const props = defineProps({
+  pageType: String, // 页面类型
+})
+
 const workFlowStore = useWorkFlowStore() // store
 const conditionVisible = ref(false) // 控制选择条件对话框显隐
 const conditionsConfig = ref({ // 多个条件数据配置
@@ -17,9 +22,9 @@
 const conditionRoleVisible = ref(false) // 条件选择角色对话框显隐
 const conditionPersonVisible = ref(false) // 条件选择人员对话框显隐
 const conditionDeptVisible = ref(false) // 条件选择部门对话框显隐
-const selectConditionTypeFront = ref('1') // 选择条件类型，1人员、2角色、3部门
+const selectConditionTypeFront = ref('') // 选择条件类型，1人员、2角色、3部门
 const { setCondition, setConditionsConfig } = workFlowStore
-
+const originalType = ref('') // 记录原始的类型
 // 关闭条件抽屉
 const closeDrawer = () => {
   setCondition(false)
@@ -42,9 +47,11 @@
 watch(() => workFlowStore.conditionsConfigValue, (val) => {
   conditionsConfig.value = val.value
   PriorityLevel.value = val.priorityLevel
-  conditionConfig.value = val.priorityLevel
-    ? conditionsConfig.value.conditionNodes[val.priorityLevel - 1]
-    : { nodeUserList: [], conditionList: [] }
+  conditionConfig.value = val.priorityLevel ? conditionsConfig.value.conditionNodes[val.priorityLevel - 1] : { nodeUserList: [], conditionList: [] }
+  if (conditionConfig.value.nodeUserList.length) {
+    selectConditionTypeFront.value = `${conditionConfig.value.nodeUserList[0].type}`
+    originalType.value = `${conditionConfig.value.nodeUserList[0].type}`
+  }
 })
 
 // 点击添加条件，弹出条件选择框
@@ -156,10 +163,17 @@
 function clickfq(conditionList: any, param: any, columnId: number | string) {
   $func.toChecked(conditionList, param, columnId)
 }
-// 条件变化清空列表
+// onUpdated(() => { // 首次不监听
+//   // 条件变化清空列表
+//     watch(() => selectConditionTypeFront.value, (newValue) => {
+//       conditionConfig.value.nodeUserList = []
+//     })
+// })
 watch(() => selectConditionTypeFront.value, (newValue) => {
-  conditionConfig.value.nodeUserList = []
-}, { immediate: true })
+  if (originalType.value !== selectConditionTypeFront.value) {
+    conditionConfig.value.nodeUserList = []
+  }
+})
 </script>
 
 <template>
diff --git a/src/components/workFlow/addNode.vue b/src/components/workFlow/addNode.vue
index b773386..bb8bda1 100644
--- a/src/components/workFlow/addNode.vue
+++ b/src/components/workFlow/addNode.vue
@@ -75,7 +75,7 @@
         <div class="add-node-popover-body">
           <a class="add-node-popover-item approver" @click="addType(1)">
             <div class="item-wrapper">
-              <span class="iconfont"></span>
+              <img class="add-node-popover-item-img" src="../../assets/images/workFlowImg/approval.png" alt="">
             </div>
             <p>审批人</p>
           </a>
@@ -87,15 +87,16 @@
           </a> -->
           <a class="add-node-popover-item condition" @click="addType(4)">
             <div class="item-wrapper">
-              <span class="iconfont"></span>
+              <img class="add-node-popover-item-img" src="../../assets/images/workFlowImg/condition-new.png" alt="">
             </div>
             <p>条件分支</p>
           </a>
         </div>
         <template #reference>
-          <button class="btn" type="button">
+          <!-- <button class="btn" type="button">
             <span class="iconfont"></span>
-          </button>
+          </button> -->
+          <img class="add-node-popover-item-img-add" src="../../assets/images/workFlowImg/add.png" alt="">
         </template>
       </el-popover>
     </div>
@@ -103,6 +104,16 @@
 </template>
 
 <style scoped lang="scss">
+.add-node-popover-item-img-add {
+  width: 30px;
+  height: 30px;
+  background: #f5f5f7;
+
+  &:hover {
+    transform: scale(1.2);
+  }
+}
+
 .add-node-btn-box {
   width: 240px;
   display: inline-box;
@@ -152,8 +163,11 @@
       transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
 
       .iconfont {
+        display: flex;
+        justify-content: center;
+        align-items: center;
         color: #fff;
-        font-size: 16px;
+        font-size: 20px;
       }
 
       &:hover {
@@ -182,21 +196,27 @@
     flex: 1;
     color: #191f25 !important;
 
+    .add-node-popover-item-img {
+      width: 100%;
+      height: 100%;
+
+      // :hover {
+      //   transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
+      // }
+    }
+
     .item-wrapper {
       user-select: none;
-      display: inline-block;
       width: 80px;
       height: 80px;
       margin-bottom: 5px;
-      background: #fff;
-      border: 1px solid #e2e2e2;
+      // background: #fff;
+      // border: 1px solid #e2e2e2;
       border-radius: 50%;
       transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-
-      .iconfont {
-        font-size: 35px;
-        line-height: 80px;
-      }
+      display: flex;
+      justify-content: center;
+      align-items: center;
     }
 
     &.approver {
@@ -219,7 +239,7 @@
 
     &:hover {
       .item-wrapper {
-        background: #3296fa;
+        background: #ee7b5b;
         box-shadow: 0 10px 20px 0 rgb(50 150 250 / 40%);
       }
 
diff --git a/src/components/workFlow/nodeWrap.vue b/src/components/workFlow/nodeWrap.vue
index 07efdaa..8d37e6e 100644
--- a/src/components/workFlow/nodeWrap.vue
+++ b/src/components/workFlow/nodeWrap.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts" name="NodeWrap">
 import { computed, getCurrentInstance, onMounted, ref, watch } from 'vue'
+import { display } from 'html2canvas/dist/types/css/property-descriptors/display'
 import $func from '@/plugins/preload'
 import useWorkFlowStore from '@/store/modules/workFlow'
 import useUserStore from '@/store/modules/user'
@@ -244,23 +245,40 @@
   <!-- 非条件 -->
   <div v-if="nodeConfig.type < 3" class="node-wrap">
     <div class="node-wrap-box" :class="(nodeConfig.type === 0 ? 'start-node ' : '') + (nodeConfig.error ? 'active error' : '')">
-      <div class="title" :style="`background: rgb(${bgColors[nodeConfig.type]});`">
+      <div class="title" :style="`background: rgb(${bgColors[nodeConfig.type]});display: flex;justify-content:space-between;align-items: center`">
         <!-- 标题不可编辑 -->
         <!-- <span v-if="nodeConfig.type === 0">{{ nodeConfig.nodeName }}</span>  -->
         <!-- <template v-else> -->
         <!-- 标题可编辑 -->
-        <span class="iconfont">{{ nodeConfig.type === 1 ? '' : '' }}</span>
-        <input
-          v-if="isInput"
-          v-model="nodeConfig.nodeName"
-          v-focus
-          type="text"
-          class="ant-input editable-title-input"
-          :placeholder="defaultText"
-          @blur="blurEvent(null)"
-        >
-        <span v-else class="editable-title" @click="clickEvent(null)">{{ nodeConfig.nodeName }}</span>
-        <i class="anticon anticon-close close" @click="delNode" />
+        <!-- <span class="iconfont">{{ nodeConfig.type === 1 ? '' : '' }}</span> -->
+        <div style="display: flex;flex-wrap: nowrap;align-items: center;">
+          <span class="iconfont">
+            <el-icon v-if="nodeConfig.type === 1">
+              <svg-icon name="icon-user" />
+            </el-icon>
+            <el-icon v-else>
+              <svg-icon name="icon-init" />
+            </el-icon>
+          </span>
+
+          <input
+            v-if="isInput"
+            v-model="nodeConfig.nodeName"
+            v-focus
+            type="text"
+            class="ant-input editable-title-input"
+            :placeholder="defaultText"
+            @blur="blurEvent(null)"
+          >
+          <span v-else class="editable-title" @click="clickEvent(null)">{{ nodeConfig.nodeName }}</span>
+        </div>
+
+        <span v-if="nodeConfig.type !== 0" style="width: 10px;height: 20px;color: #fff;" @click="delNode">
+          <el-icon>
+            <svg-icon name="icon-differ" />
+          </el-icon>
+        </span>
+
         <!-- </template> -->
       </div>
       <div class="content" @click="setPerson">
@@ -284,11 +302,13 @@
           添加条件
         </button>
         <div v-for="(item, index) in nodeConfig.conditionNodes" :key="index" class="col-box">
-          <div class="condition-node">
+          <div class="condition-node" style="position: relative;">
             <div class="condition-node-box">
               <div class="auto-judge" :class="item.error ? 'error active' : ''">
                 <div v-if="index !== 0" class="sort-left" @click="arrTransfer(index, -1)">
-                  &lt;
+                  <el-icon>
+                    <svg-icon name="icon-xyh" />
+                  </el-icon>
                 </div>
                 <div class="title-wrapper">
                   <input
@@ -301,10 +321,16 @@
                   >
                   <span v-else class="editable-title" @click="clickEvent(index)">{{ item.nodeName }}</span>
                   <span class="priority-title" @click="setPerson(item.priorityLevel)">优先级{{ item.priorityLevel }}</span>
-                  <i class="anticon anticon-close close" @click="delTerm(index)" />
+                  <span style="position: absolute;right: -6px;top: -10px; width: 10px;height: 10px;color: #7e8185;" @click="delTerm(index)">
+                    <el-icon>
+                      <svg-icon name="icon-differ" />
+                    </el-icon>
+                  </span>
                 </div>
                 <div v-if="index !== nodeConfig.conditionNodes.length - 1" class="sort-right" @click="arrTransfer(index)">
-                  &gt;
+                  <el-icon>
+                    <svg-icon name="icon-dyh" />
+                  </el-icon>
                 </div>
                 <div class="content" @click="setPerson(item.priorityLevel)">
                   {{ $func.conditionStr(nodeConfig, index) }}

diff --git a/src/assets/icons/icon-differ.svg b/src/assets/icons/icon-differ.svg
new file mode 100644
index 0000000..7d71c43
--- /dev/null
+++ b/src/assets/icons/icon-differ.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701947662665" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="21185" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M934.382936 824.346821c30.593785 30.650067 30.593785 80.31521-0.056282 110.965278-15.268752 15.325034-35.361369 22.989597-55.452963 22.989597-20.094664 0-40.187281-7.664563-55.512315-22.989597L510.214331 622.154819 197.066261 935.312098c-15.325034 15.325034-35.417651 22.989597-55.512315 22.989597-20.092617 0-40.184211-7.664563-55.452963-22.989597-30.650067-30.650067-30.650067-80.31521-0.056282-110.965278l313.177745-313.190025L86.044702 197.966771c-30.593785-30.650067-30.593785-80.31521 0.056282-110.965278 30.537504-30.652114 80.31521-30.652114 110.965278 0L510.214331 400.158772 823.361377 87.001493c30.650067-30.652114 80.427774-30.652114 110.965278 0 30.650067 30.650067 30.650067 80.31521 0.056282 110.965278L621.205191 511.156796 934.382936 824.346821z" p-id="21186"></path></svg>
diff --git a/src/assets/icons/icon-dyh.svg b/src/assets/icons/icon-dyh.svg
new file mode 100644
index 0000000..005bd8e
--- /dev/null
+++ b/src/assets/icons/icon-dyh.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701949073135" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="24877" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M798.38 538.03l-575.1-346.2 0.04-68.75 575.04 345.6 0.02 69.35z" fill="#606266" p-id="24878"></path><path d="M798.38 538.03L223.3 894.99v-69.52l575.06-356.79 0.02 69.35z" fill="#606266" p-id="24879"></path></svg>
\ No newline at end of file
diff --git a/src/assets/icons/icon-init.svg b/src/assets/icons/icon-init.svg
new file mode 100644
index 0000000..b073cdf
--- /dev/null
+++ b/src/assets/icons/icon-init.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701944692950" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="19249" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M0 438.784l402.432 182.784L585.216 1024 1024 0 0 438.784z" fill="#ffffff" p-id="19250"></path></svg>
\ No newline at end of file
diff --git a/src/assets/icons/icon-refresh.svg b/src/assets/icons/icon-refresh.svg
new file mode 100644
index 0000000..af71d10
--- /dev/null
+++ b/src/assets/icons/icon-refresh.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701949518573" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="29448" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M960 416V192l-73.056 73.056a447.712 447.712 0 0 0-373.6-201.088C265.92 63.968 65.312 264.544 65.312 512S265.92 960.032 513.344 960.032a448.064 448.064 0 0 0 415.232-279.488 38.368 38.368 0 1 0-71.136-28.896 371.36 371.36 0 0 1-344.096 231.584C308.32 883.232 142.112 717.024 142.112 512S308.32 140.768 513.344 140.768c132.448 0 251.936 70.08 318.016 179.84L736 416h224z" p-id="29449"></path></svg>
\ No newline at end of file
diff --git a/src/assets/icons/icon-search.svg b/src/assets/icons/icon-search.svg
new file mode 100644
index 0000000..f34257f
--- /dev/null
+++ b/src/assets/icons/icon-search.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701949440268" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="27499" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M756.565333 697.258667c2.133333 1.493333 4.224 3.157333 6.101334 5.12l241.664 241.621333c16.256 16.256 16.512 43.52-0.128 60.16a42.453333 42.453333 0 0 1-60.202667 0.170667l-241.664-241.664a41.429333 41.429333 0 0 1-5.034667-6.101334A424.917333 424.917333 0 0 1 426.666667 853.333333C191.018667 853.333333 0 662.314667 0 426.666667S191.018667 0 426.666667 0s426.666667 191.018667 426.666666 426.666667c0 102.698667-36.266667 196.949333-96.768 270.592zM426.666667 768a341.333333 341.333333 0 1 0 0-682.666667 341.333333 341.333333 0 0 0 0 682.666667z" p-id="27500"></path></svg>
diff --git a/src/assets/icons/icon-xyh.svg b/src/assets/icons/icon-xyh.svg
new file mode 100644
index 0000000..60c2e31
--- /dev/null
+++ b/src/assets/icons/icon-xyh.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701949035467" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="23892" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M224.45 538.68l575.11-346.21-0.05-68.75-575.03 345.61-0.03 69.35z" fill="#606266" p-id="23893"></path><path d="M224.45 538.68l575.08 356.96v-69.52L224.48 469.33l-0.03 69.35z" fill="#606266" p-id="23894"></path></svg>
\ No newline at end of file
diff --git a/src/assets/images/workFlowImg/add.png b/src/assets/images/workFlowImg/add.png
new file mode 100644
index 0000000..d626ac3
--- /dev/null
+++ b/src/assets/images/workFlowImg/add.png
Binary files differ
diff --git a/src/assets/images/workFlowImg/approval.png b/src/assets/images/workFlowImg/approval.png
new file mode 100644
index 0000000..479fceb
--- /dev/null
+++ b/src/assets/images/workFlowImg/approval.png
Binary files differ
diff --git a/src/assets/images/workFlowImg/approvalPerson.png b/src/assets/images/workFlowImg/approvalPerson.png
new file mode 100644
index 0000000..e934468
--- /dev/null
+++ b/src/assets/images/workFlowImg/approvalPerson.png
Binary files differ
diff --git a/src/assets/images/workFlowImg/condition-new.png b/src/assets/images/workFlowImg/condition-new.png
new file mode 100644
index 0000000..42c2275
--- /dev/null
+++ b/src/assets/images/workFlowImg/condition-new.png
Binary files differ
diff --git a/src/assets/images/workFlowImg/condition.png b/src/assets/images/workFlowImg/condition.png
new file mode 100644
index 0000000..92c6e6d
--- /dev/null
+++ b/src/assets/images/workFlowImg/condition.png
Binary files differ
diff --git a/src/assets/images/workFlowImg/csr.png b/src/assets/images/workFlowImg/csr.png
new file mode 100644
index 0000000..23521a1
--- /dev/null
+++ b/src/assets/images/workFlowImg/csr.png
Binary files differ
diff --git a/src/components/drawer/approverDrawer.vue b/src/components/drawer/approverDrawer.vue
index aad4174..07962fd 100644
--- a/src/components/drawer/approverDrawer.vue
+++ b/src/components/drawer/approverDrawer.vue
@@ -11,7 +11,7 @@
 const props = defineProps({
   directorMaxLevel: {
     type: Number,
-    default: 0,
+    default: 6,
   },
 })
 const emits = defineEmits(['update:nodeConfig'])
@@ -65,6 +65,17 @@
   approverRoleVisible.value = true
   checkedRoleList.value = approverConfig.value.nodeUserList
 }
+// // 选择好成员
+// const sureApprover = (data: IEmployees) => {
+//   approverConfig.value.nodeUserList = data
+//   approverVisible.value = false
+// }
+// // 选择好角色
+// const sureRoleApprover = (data: IroleInfo) => {
+//   approverConfig.value.nodeUserList = data
+//   approverRoleVisible.value = false
+// }
+
 // 选择好成员
 const sureApprover = (data: IEmployees[]) => {
   data.forEach((user: IEmployees) => {
@@ -84,6 +95,7 @@
   // approverConfig.value.nodeUserList = data
   approverRoleVisible.value = false
 }
+
 // 点击确定，保存审批设置
 const saveApprover = () => {
   window.sessionStorage.setItem('decisionItem', `${decisionItem.value}`)
@@ -205,6 +217,16 @@
     noticeStarter.value = parseInt(getNoticeStarter) // 审批结果通知发起人
   }
 })
+const directorLevelList = ref<number[]>([]) // 连续多级主管选择框数组，过滤直接主管
+watch(() => props.directorMaxLevel, (newValue) => {
+  if (newValue) {
+    for (let i = 1; i <= newValue; i++) {
+      if (i > 1) {
+        directorLevelList.value.push(i)
+      }
+    }
+  }
+}, { immediate: true })
 </script>
 
 <template>
@@ -301,7 +323,7 @@
             :label="item === 1 ? '最高层级主管' : `第${item}层级主管`"
           /> -->
           <el-option
-            v-for="item in directorMaxLevel"
+            v-for="item in directorLevelList"
             :key="item"
             :value="item"
             :label="item === 1 ? '直接主管' : `第${item}级主管`"
@@ -494,5 +516,10 @@
     font-weight: bold;
     line-height: 19px;
   }
+
+  .el-radio__label {
+    display: block !important;
+  }
 }
 </style>
+
diff --git a/src/components/drawer/conditionDrawer.vue b/src/components/drawer/conditionDrawer.vue
index e7b4b8f..3f84680 100644
--- a/src/components/drawer/conditionDrawer.vue
+++ b/src/components/drawer/conditionDrawer.vue
@@ -4,6 +4,11 @@
 import { id } from 'element-plus/es/locale'
 import $func from '@/plugins/preload'
 import useWorkFlowStore from '@/store/modules/workFlow'
+
+const props = defineProps({
+  pageType: String, // 页面类型
+})
+
 const workFlowStore = useWorkFlowStore() // store
 const conditionVisible = ref(false) // 控制选择条件对话框显隐
 const conditionsConfig = ref({ // 多个条件数据配置
@@ -17,9 +22,9 @@
 const conditionRoleVisible = ref(false) // 条件选择角色对话框显隐
 const conditionPersonVisible = ref(false) // 条件选择人员对话框显隐
 const conditionDeptVisible = ref(false) // 条件选择部门对话框显隐
-const selectConditionTypeFront = ref('1') // 选择条件类型，1人员、2角色、3部门
+const selectConditionTypeFront = ref('') // 选择条件类型，1人员、2角色、3部门
 const { setCondition, setConditionsConfig } = workFlowStore
-
+const originalType = ref('') // 记录原始的类型
 // 关闭条件抽屉
 const closeDrawer = () => {
   setCondition(false)
@@ -42,9 +47,11 @@
 watch(() => workFlowStore.conditionsConfigValue, (val) => {
   conditionsConfig.value = val.value
   PriorityLevel.value = val.priorityLevel
-  conditionConfig.value = val.priorityLevel
-    ? conditionsConfig.value.conditionNodes[val.priorityLevel - 1]
-    : { nodeUserList: [], conditionList: [] }
+  conditionConfig.value = val.priorityLevel ? conditionsConfig.value.conditionNodes[val.priorityLevel - 1] : { nodeUserList: [], conditionList: [] }
+  if (conditionConfig.value.nodeUserList.length) {
+    selectConditionTypeFront.value = `${conditionConfig.value.nodeUserList[0].type}`
+    originalType.value = `${conditionConfig.value.nodeUserList[0].type}`
+  }
 })
 
 // 点击添加条件，弹出条件选择框
@@ -156,10 +163,17 @@
 function clickfq(conditionList: any, param: any, columnId: number | string) {
   $func.toChecked(conditionList, param, columnId)
 }
-// 条件变化清空列表
+// onUpdated(() => { // 首次不监听
+//   // 条件变化清空列表
+//     watch(() => selectConditionTypeFront.value, (newValue) => {
+//       conditionConfig.value.nodeUserList = []
+//     })
+// })
 watch(() => selectConditionTypeFront.value, (newValue) => {
-  conditionConfig.value.nodeUserList = []
-}, { immediate: true })
+  if (originalType.value !== selectConditionTypeFront.value) {
+    conditionConfig.value.nodeUserList = []
+  }
+})
 </script>
 
 <template>
diff --git a/src/components/workFlow/addNode.vue b/src/components/workFlow/addNode.vue
index b773386..bb8bda1 100644
--- a/src/components/workFlow/addNode.vue
+++ b/src/components/workFlow/addNode.vue
@@ -75,7 +75,7 @@
         <div class="add-node-popover-body">
           <a class="add-node-popover-item approver" @click="addType(1)">
             <div class="item-wrapper">
-              <span class="iconfont"></span>
+              <img class="add-node-popover-item-img" src="../../assets/images/workFlowImg/approval.png" alt="">
             </div>
             <p>审批人</p>
           </a>
@@ -87,15 +87,16 @@
           </a> -->
           <a class="add-node-popover-item condition" @click="addType(4)">
             <div class="item-wrapper">
-              <span class="iconfont"></span>
+              <img class="add-node-popover-item-img" src="../../assets/images/workFlowImg/condition-new.png" alt="">
             </div>
             <p>条件分支</p>
           </a>
         </div>
         <template #reference>
-          <button class="btn" type="button">
+          <!-- <button class="btn" type="button">
             <span class="iconfont"></span>
-          </button>
+          </button> -->
+          <img class="add-node-popover-item-img-add" src="../../assets/images/workFlowImg/add.png" alt="">
         </template>
       </el-popover>
     </div>
@@ -103,6 +104,16 @@
 </template>
 
 <style scoped lang="scss">
+.add-node-popover-item-img-add {
+  width: 30px;
+  height: 30px;
+  background: #f5f5f7;
+
+  &:hover {
+    transform: scale(1.2);
+  }
+}
+
 .add-node-btn-box {
   width: 240px;
   display: inline-box;
@@ -152,8 +163,11 @@
       transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
 
       .iconfont {
+        display: flex;
+        justify-content: center;
+        align-items: center;
         color: #fff;
-        font-size: 16px;
+        font-size: 20px;
       }
 
       &:hover {
@@ -182,21 +196,27 @@
     flex: 1;
     color: #191f25 !important;
 
+    .add-node-popover-item-img {
+      width: 100%;
+      height: 100%;
+
+      // :hover {
+      //   transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
+      // }
+    }
+
     .item-wrapper {
       user-select: none;
-      display: inline-block;
       width: 80px;
       height: 80px;
       margin-bottom: 5px;
-      background: #fff;
-      border: 1px solid #e2e2e2;
+      // background: #fff;
+      // border: 1px solid #e2e2e2;
       border-radius: 50%;
       transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-
-      .iconfont {
-        font-size: 35px;
-        line-height: 80px;
-      }
+      display: flex;
+      justify-content: center;
+      align-items: center;
     }
 
     &.approver {
@@ -219,7 +239,7 @@
 
     &:hover {
       .item-wrapper {
-        background: #3296fa;
+        background: #ee7b5b;
         box-shadow: 0 10px 20px 0 rgb(50 150 250 / 40%);
       }
 
diff --git a/src/components/workFlow/nodeWrap.vue b/src/components/workFlow/nodeWrap.vue
index 07efdaa..8d37e6e 100644
--- a/src/components/workFlow/nodeWrap.vue
+++ b/src/components/workFlow/nodeWrap.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts" name="NodeWrap">
 import { computed, getCurrentInstance, onMounted, ref, watch } from 'vue'
+import { display } from 'html2canvas/dist/types/css/property-descriptors/display'
 import $func from '@/plugins/preload'
 import useWorkFlowStore from '@/store/modules/workFlow'
 import useUserStore from '@/store/modules/user'
@@ -244,23 +245,40 @@
   <!-- 非条件 -->
   <div v-if="nodeConfig.type < 3" class="node-wrap">
     <div class="node-wrap-box" :class="(nodeConfig.type === 0 ? 'start-node ' : '') + (nodeConfig.error ? 'active error' : '')">
-      <div class="title" :style="`background: rgb(${bgColors[nodeConfig.type]});`">
+      <div class="title" :style="`background: rgb(${bgColors[nodeConfig.type]});display: flex;justify-content:space-between;align-items: center`">
         <!-- 标题不可编辑 -->
         <!-- <span v-if="nodeConfig.type === 0">{{ nodeConfig.nodeName }}</span>  -->
         <!-- <template v-else> -->
         <!-- 标题可编辑 -->
-        <span class="iconfont">{{ nodeConfig.type === 1 ? '' : '' }}</span>
-        <input
-          v-if="isInput"
-          v-model="nodeConfig.nodeName"
-          v-focus
-          type="text"
-          class="ant-input editable-title-input"
-          :placeholder="defaultText"
-          @blur="blurEvent(null)"
-        >
-        <span v-else class="editable-title" @click="clickEvent(null)">{{ nodeConfig.nodeName }}</span>
-        <i class="anticon anticon-close close" @click="delNode" />
+        <!-- <span class="iconfont">{{ nodeConfig.type === 1 ? '' : '' }}</span> -->
+        <div style="display: flex;flex-wrap: nowrap;align-items: center;">
+          <span class="iconfont">
+            <el-icon v-if="nodeConfig.type === 1">
+              <svg-icon name="icon-user" />
+            </el-icon>
+            <el-icon v-else>
+              <svg-icon name="icon-init" />
+            </el-icon>
+          </span>
+
+          <input
+            v-if="isInput"
+            v-model="nodeConfig.nodeName"
+            v-focus
+            type="text"
+            class="ant-input editable-title-input"
+            :placeholder="defaultText"
+            @blur="blurEvent(null)"
+          >
+          <span v-else class="editable-title" @click="clickEvent(null)">{{ nodeConfig.nodeName }}</span>
+        </div>
+
+        <span v-if="nodeConfig.type !== 0" style="width: 10px;height: 20px;color: #fff;" @click="delNode">
+          <el-icon>
+            <svg-icon name="icon-differ" />
+          </el-icon>
+        </span>
+
         <!-- </template> -->
       </div>
       <div class="content" @click="setPerson">
@@ -284,11 +302,13 @@
           添加条件
         </button>
         <div v-for="(item, index) in nodeConfig.conditionNodes" :key="index" class="col-box">
-          <div class="condition-node">
+          <div class="condition-node" style="position: relative;">
             <div class="condition-node-box">
               <div class="auto-judge" :class="item.error ? 'error active' : ''">
                 <div v-if="index !== 0" class="sort-left" @click="arrTransfer(index, -1)">
-                  &lt;
+                  <el-icon>
+                    <svg-icon name="icon-xyh" />
+                  </el-icon>
                 </div>
                 <div class="title-wrapper">
                   <input
@@ -301,10 +321,16 @@
                   >
                   <span v-else class="editable-title" @click="clickEvent(index)">{{ item.nodeName }}</span>
                   <span class="priority-title" @click="setPerson(item.priorityLevel)">优先级{{ item.priorityLevel }}</span>
-                  <i class="anticon anticon-close close" @click="delTerm(index)" />
+                  <span style="position: absolute;right: -6px;top: -10px; width: 10px;height: 10px;color: #7e8185;" @click="delTerm(index)">
+                    <el-icon>
+                      <svg-icon name="icon-differ" />
+                    </el-icon>
+                  </span>
                 </div>
                 <div v-if="index !== nodeConfig.conditionNodes.length - 1" class="sort-right" @click="arrTransfer(index)">
-                  &gt;
+                  <el-icon>
+                    <svg-icon name="icon-dyh" />
+                  </el-icon>
                 </div>
                 <div class="content" @click="setPerson(item.priorityLevel)">
                   {{ $func.conditionStr(nodeConfig, index) }}
diff --git a/src/components/workFlow/nodeWrapBan.vue b/src/components/workFlow/nodeWrapBan.vue
index 4a3affb..3e50b1b 100644
--- a/src/components/workFlow/nodeWrapBan.vue
+++ b/src/components/workFlow/nodeWrapBan.vue
@@ -54,7 +54,15 @@
       <div class="title" :style="`background: rgb(${bgColors[nodeConfig.type]});`">
         <span v-if="nodeConfig.type === 0">{{ nodeConfig.nodeName }}</span>
         <template v-else>
-          <span class="iconfont">{{ nodeConfig.type === 1 ? '' : '' }}</span>
+          <!-- <span class="iconfont">{{ nodeConfig.type === 1 ? '' : '' }}</span> -->
+          <span class="iconfont">
+            <el-icon v-if="nodeConfig.type === 1">
+              <svg-icon name="icon-user" />
+            </el-icon>
+            <el-icon v-else>
+              <svg-icon name="icon-init" />
+            </el-icon>
+          </span>
           <input
             v-if="isInput"
             v-model="nodeConfig.nodeName"
@@ -78,8 +86,8 @@
   <div v-if="nodeConfig.type === 4" class="branch-wrap">
     <div class="branch-box-wrap">
       <div class="branch-box">
-        <button class="add-branch">
-          添加条件
+        <button class="add-branch" :disabled="true">
+          条件
         </button>
         <div v-for="(item, index) in nodeConfig.conditionNodes" :key="index" class="col-box">
           <div class="condition-node">

diff --git a/src/assets/icons/icon-differ.svg b/src/assets/icons/icon-differ.svg
new file mode 100644
index 0000000..7d71c43
--- /dev/null
+++ b/src/assets/icons/icon-differ.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701947662665" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="21185" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M934.382936 824.346821c30.593785 30.650067 30.593785 80.31521-0.056282 110.965278-15.268752 15.325034-35.361369 22.989597-55.452963 22.989597-20.094664 0-40.187281-7.664563-55.512315-22.989597L510.214331 622.154819 197.066261 935.312098c-15.325034 15.325034-35.417651 22.989597-55.512315 22.989597-20.092617 0-40.184211-7.664563-55.452963-22.989597-30.650067-30.650067-30.650067-80.31521-0.056282-110.965278l313.177745-313.190025L86.044702 197.966771c-30.593785-30.650067-30.593785-80.31521 0.056282-110.965278 30.537504-30.652114 80.31521-30.652114 110.965278 0L510.214331 400.158772 823.361377 87.001493c30.650067-30.652114 80.427774-30.652114 110.965278 0 30.650067 30.650067 30.650067 80.31521 0.056282 110.965278L621.205191 511.156796 934.382936 824.346821z" p-id="21186"></path></svg>
diff --git a/src/assets/icons/icon-dyh.svg b/src/assets/icons/icon-dyh.svg
new file mode 100644
index 0000000..005bd8e
--- /dev/null
+++ b/src/assets/icons/icon-dyh.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701949073135" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="24877" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M798.38 538.03l-575.1-346.2 0.04-68.75 575.04 345.6 0.02 69.35z" fill="#606266" p-id="24878"></path><path d="M798.38 538.03L223.3 894.99v-69.52l575.06-356.79 0.02 69.35z" fill="#606266" p-id="24879"></path></svg>
\ No newline at end of file
diff --git a/src/assets/icons/icon-init.svg b/src/assets/icons/icon-init.svg
new file mode 100644
index 0000000..b073cdf
--- /dev/null
+++ b/src/assets/icons/icon-init.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701944692950" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="19249" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M0 438.784l402.432 182.784L585.216 1024 1024 0 0 438.784z" fill="#ffffff" p-id="19250"></path></svg>
\ No newline at end of file
diff --git a/src/assets/icons/icon-refresh.svg b/src/assets/icons/icon-refresh.svg
new file mode 100644
index 0000000..af71d10
--- /dev/null
+++ b/src/assets/icons/icon-refresh.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701949518573" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="29448" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M960 416V192l-73.056 73.056a447.712 447.712 0 0 0-373.6-201.088C265.92 63.968 65.312 264.544 65.312 512S265.92 960.032 513.344 960.032a448.064 448.064 0 0 0 415.232-279.488 38.368 38.368 0 1 0-71.136-28.896 371.36 371.36 0 0 1-344.096 231.584C308.32 883.232 142.112 717.024 142.112 512S308.32 140.768 513.344 140.768c132.448 0 251.936 70.08 318.016 179.84L736 416h224z" p-id="29449"></path></svg>
\ No newline at end of file
diff --git a/src/assets/icons/icon-search.svg b/src/assets/icons/icon-search.svg
new file mode 100644
index 0000000..f34257f
--- /dev/null
+++ b/src/assets/icons/icon-search.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701949440268" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="27499" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M756.565333 697.258667c2.133333 1.493333 4.224 3.157333 6.101334 5.12l241.664 241.621333c16.256 16.256 16.512 43.52-0.128 60.16a42.453333 42.453333 0 0 1-60.202667 0.170667l-241.664-241.664a41.429333 41.429333 0 0 1-5.034667-6.101334A424.917333 424.917333 0 0 1 426.666667 853.333333C191.018667 853.333333 0 662.314667 0 426.666667S191.018667 0 426.666667 0s426.666667 191.018667 426.666666 426.666667c0 102.698667-36.266667 196.949333-96.768 270.592zM426.666667 768a341.333333 341.333333 0 1 0 0-682.666667 341.333333 341.333333 0 0 0 0 682.666667z" p-id="27500"></path></svg>
diff --git a/src/assets/icons/icon-xyh.svg b/src/assets/icons/icon-xyh.svg
new file mode 100644
index 0000000..60c2e31
--- /dev/null
+++ b/src/assets/icons/icon-xyh.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701949035467" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="23892" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M224.45 538.68l575.11-346.21-0.05-68.75-575.03 345.61-0.03 69.35z" fill="#606266" p-id="23893"></path><path d="M224.45 538.68l575.08 356.96v-69.52L224.48 469.33l-0.03 69.35z" fill="#606266" p-id="23894"></path></svg>
\ No newline at end of file
diff --git a/src/assets/images/workFlowImg/add.png b/src/assets/images/workFlowImg/add.png
new file mode 100644
index 0000000..d626ac3
--- /dev/null
+++ b/src/assets/images/workFlowImg/add.png
Binary files differ
diff --git a/src/assets/images/workFlowImg/approval.png b/src/assets/images/workFlowImg/approval.png
new file mode 100644
index 0000000..479fceb
--- /dev/null
+++ b/src/assets/images/workFlowImg/approval.png
Binary files differ
diff --git a/src/assets/images/workFlowImg/approvalPerson.png b/src/assets/images/workFlowImg/approvalPerson.png
new file mode 100644
index 0000000..e934468
--- /dev/null
+++ b/src/assets/images/workFlowImg/approvalPerson.png
Binary files differ
diff --git a/src/assets/images/workFlowImg/condition-new.png b/src/assets/images/workFlowImg/condition-new.png
new file mode 100644
index 0000000..42c2275
--- /dev/null
+++ b/src/assets/images/workFlowImg/condition-new.png
Binary files differ
diff --git a/src/assets/images/workFlowImg/condition.png b/src/assets/images/workFlowImg/condition.png
new file mode 100644
index 0000000..92c6e6d
--- /dev/null
+++ b/src/assets/images/workFlowImg/condition.png
Binary files differ
diff --git a/src/assets/images/workFlowImg/csr.png b/src/assets/images/workFlowImg/csr.png
new file mode 100644
index 0000000..23521a1
--- /dev/null
+++ b/src/assets/images/workFlowImg/csr.png
Binary files differ
diff --git a/src/components/drawer/approverDrawer.vue b/src/components/drawer/approverDrawer.vue
index aad4174..07962fd 100644
--- a/src/components/drawer/approverDrawer.vue
+++ b/src/components/drawer/approverDrawer.vue
@@ -11,7 +11,7 @@
 const props = defineProps({
   directorMaxLevel: {
     type: Number,
-    default: 0,
+    default: 6,
   },
 })
 const emits = defineEmits(['update:nodeConfig'])
@@ -65,6 +65,17 @@
   approverRoleVisible.value = true
   checkedRoleList.value = approverConfig.value.nodeUserList
 }
+// // 选择好成员
+// const sureApprover = (data: IEmployees) => {
+//   approverConfig.value.nodeUserList = data
+//   approverVisible.value = false
+// }
+// // 选择好角色
+// const sureRoleApprover = (data: IroleInfo) => {
+//   approverConfig.value.nodeUserList = data
+//   approverRoleVisible.value = false
+// }
+
 // 选择好成员
 const sureApprover = (data: IEmployees[]) => {
   data.forEach((user: IEmployees) => {
@@ -84,6 +95,7 @@
   // approverConfig.value.nodeUserList = data
   approverRoleVisible.value = false
 }
+
 // 点击确定，保存审批设置
 const saveApprover = () => {
   window.sessionStorage.setItem('decisionItem', `${decisionItem.value}`)
@@ -205,6 +217,16 @@
     noticeStarter.value = parseInt(getNoticeStarter) // 审批结果通知发起人
   }
 })
+const directorLevelList = ref<number[]>([]) // 连续多级主管选择框数组，过滤直接主管
+watch(() => props.directorMaxLevel, (newValue) => {
+  if (newValue) {
+    for (let i = 1; i <= newValue; i++) {
+      if (i > 1) {
+        directorLevelList.value.push(i)
+      }
+    }
+  }
+}, { immediate: true })
 </script>
 
 <template>
@@ -301,7 +323,7 @@
             :label="item === 1 ? '最高层级主管' : `第${item}层级主管`"
           /> -->
           <el-option
-            v-for="item in directorMaxLevel"
+            v-for="item in directorLevelList"
             :key="item"
             :value="item"
             :label="item === 1 ? '直接主管' : `第${item}级主管`"
@@ -494,5 +516,10 @@
     font-weight: bold;
     line-height: 19px;
   }
+
+  .el-radio__label {
+    display: block !important;
+  }
 }
 </style>
+
diff --git a/src/components/drawer/conditionDrawer.vue b/src/components/drawer/conditionDrawer.vue
index e7b4b8f..3f84680 100644
--- a/src/components/drawer/conditionDrawer.vue
+++ b/src/components/drawer/conditionDrawer.vue
@@ -4,6 +4,11 @@
 import { id } from 'element-plus/es/locale'
 import $func from '@/plugins/preload'
 import useWorkFlowStore from '@/store/modules/workFlow'
+
+const props = defineProps({
+  pageType: String, // 页面类型
+})
+
 const workFlowStore = useWorkFlowStore() // store
 const conditionVisible = ref(false) // 控制选择条件对话框显隐
 const conditionsConfig = ref({ // 多个条件数据配置
@@ -17,9 +22,9 @@
 const conditionRoleVisible = ref(false) // 条件选择角色对话框显隐
 const conditionPersonVisible = ref(false) // 条件选择人员对话框显隐
 const conditionDeptVisible = ref(false) // 条件选择部门对话框显隐
-const selectConditionTypeFront = ref('1') // 选择条件类型，1人员、2角色、3部门
+const selectConditionTypeFront = ref('') // 选择条件类型，1人员、2角色、3部门
 const { setCondition, setConditionsConfig } = workFlowStore
-
+const originalType = ref('') // 记录原始的类型
 // 关闭条件抽屉
 const closeDrawer = () => {
   setCondition(false)
@@ -42,9 +47,11 @@
 watch(() => workFlowStore.conditionsConfigValue, (val) => {
   conditionsConfig.value = val.value
   PriorityLevel.value = val.priorityLevel
-  conditionConfig.value = val.priorityLevel
-    ? conditionsConfig.value.conditionNodes[val.priorityLevel - 1]
-    : { nodeUserList: [], conditionList: [] }
+  conditionConfig.value = val.priorityLevel ? conditionsConfig.value.conditionNodes[val.priorityLevel - 1] : { nodeUserList: [], conditionList: [] }
+  if (conditionConfig.value.nodeUserList.length) {
+    selectConditionTypeFront.value = `${conditionConfig.value.nodeUserList[0].type}`
+    originalType.value = `${conditionConfig.value.nodeUserList[0].type}`
+  }
 })
 
 // 点击添加条件，弹出条件选择框
@@ -156,10 +163,17 @@
 function clickfq(conditionList: any, param: any, columnId: number | string) {
   $func.toChecked(conditionList, param, columnId)
 }
-// 条件变化清空列表
+// onUpdated(() => { // 首次不监听
+//   // 条件变化清空列表
+//     watch(() => selectConditionTypeFront.value, (newValue) => {
+//       conditionConfig.value.nodeUserList = []
+//     })
+// })
 watch(() => selectConditionTypeFront.value, (newValue) => {
-  conditionConfig.value.nodeUserList = []
-}, { immediate: true })
+  if (originalType.value !== selectConditionTypeFront.value) {
+    conditionConfig.value.nodeUserList = []
+  }
+})
 </script>
 
 <template>
diff --git a/src/components/workFlow/addNode.vue b/src/components/workFlow/addNode.vue
index b773386..bb8bda1 100644
--- a/src/components/workFlow/addNode.vue
+++ b/src/components/workFlow/addNode.vue
@@ -75,7 +75,7 @@
         <div class="add-node-popover-body">
           <a class="add-node-popover-item approver" @click="addType(1)">
             <div class="item-wrapper">
-              <span class="iconfont"></span>
+              <img class="add-node-popover-item-img" src="../../assets/images/workFlowImg/approval.png" alt="">
             </div>
             <p>审批人</p>
           </a>
@@ -87,15 +87,16 @@
           </a> -->
           <a class="add-node-popover-item condition" @click="addType(4)">
             <div class="item-wrapper">
-              <span class="iconfont"></span>
+              <img class="add-node-popover-item-img" src="../../assets/images/workFlowImg/condition-new.png" alt="">
             </div>
             <p>条件分支</p>
           </a>
         </div>
         <template #reference>
-          <button class="btn" type="button">
+          <!-- <button class="btn" type="button">
             <span class="iconfont"></span>
-          </button>
+          </button> -->
+          <img class="add-node-popover-item-img-add" src="../../assets/images/workFlowImg/add.png" alt="">
         </template>
       </el-popover>
     </div>
@@ -103,6 +104,16 @@
 </template>
 
 <style scoped lang="scss">
+.add-node-popover-item-img-add {
+  width: 30px;
+  height: 30px;
+  background: #f5f5f7;
+
+  &:hover {
+    transform: scale(1.2);
+  }
+}
+
 .add-node-btn-box {
   width: 240px;
   display: inline-box;
@@ -152,8 +163,11 @@
       transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
 
       .iconfont {
+        display: flex;
+        justify-content: center;
+        align-items: center;
         color: #fff;
-        font-size: 16px;
+        font-size: 20px;
       }
 
       &:hover {
@@ -182,21 +196,27 @@
     flex: 1;
     color: #191f25 !important;
 
+    .add-node-popover-item-img {
+      width: 100%;
+      height: 100%;
+
+      // :hover {
+      //   transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
+      // }
+    }
+
     .item-wrapper {
       user-select: none;
-      display: inline-block;
       width: 80px;
       height: 80px;
       margin-bottom: 5px;
-      background: #fff;
-      border: 1px solid #e2e2e2;
+      // background: #fff;
+      // border: 1px solid #e2e2e2;
       border-radius: 50%;
       transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-
-      .iconfont {
-        font-size: 35px;
-        line-height: 80px;
-      }
+      display: flex;
+      justify-content: center;
+      align-items: center;
     }
 
     &.approver {
@@ -219,7 +239,7 @@
 
     &:hover {
       .item-wrapper {
-        background: #3296fa;
+        background: #ee7b5b;
         box-shadow: 0 10px 20px 0 rgb(50 150 250 / 40%);
       }
 
diff --git a/src/components/workFlow/nodeWrap.vue b/src/components/workFlow/nodeWrap.vue
index 07efdaa..8d37e6e 100644
--- a/src/components/workFlow/nodeWrap.vue
+++ b/src/components/workFlow/nodeWrap.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts" name="NodeWrap">
 import { computed, getCurrentInstance, onMounted, ref, watch } from 'vue'
+import { display } from 'html2canvas/dist/types/css/property-descriptors/display'
 import $func from '@/plugins/preload'
 import useWorkFlowStore from '@/store/modules/workFlow'
 import useUserStore from '@/store/modules/user'
@@ -244,23 +245,40 @@
   <!-- 非条件 -->
   <div v-if="nodeConfig.type < 3" class="node-wrap">
     <div class="node-wrap-box" :class="(nodeConfig.type === 0 ? 'start-node ' : '') + (nodeConfig.error ? 'active error' : '')">
-      <div class="title" :style="`background: rgb(${bgColors[nodeConfig.type]});`">
+      <div class="title" :style="`background: rgb(${bgColors[nodeConfig.type]});display: flex;justify-content:space-between;align-items: center`">
         <!-- 标题不可编辑 -->
         <!-- <span v-if="nodeConfig.type === 0">{{ nodeConfig.nodeName }}</span>  -->
         <!-- <template v-else> -->
         <!-- 标题可编辑 -->
-        <span class="iconfont">{{ nodeConfig.type === 1 ? '' : '' }}</span>
-        <input
-          v-if="isInput"
-          v-model="nodeConfig.nodeName"
-          v-focus
-          type="text"
-          class="ant-input editable-title-input"
-          :placeholder="defaultText"
-          @blur="blurEvent(null)"
-        >
-        <span v-else class="editable-title" @click="clickEvent(null)">{{ nodeConfig.nodeName }}</span>
-        <i class="anticon anticon-close close" @click="delNode" />
+        <!-- <span class="iconfont">{{ nodeConfig.type === 1 ? '' : '' }}</span> -->
+        <div style="display: flex;flex-wrap: nowrap;align-items: center;">
+          <span class="iconfont">
+            <el-icon v-if="nodeConfig.type === 1">
+              <svg-icon name="icon-user" />
+            </el-icon>
+            <el-icon v-else>
+              <svg-icon name="icon-init" />
+            </el-icon>
+          </span>
+
+          <input
+            v-if="isInput"
+            v-model="nodeConfig.nodeName"
+            v-focus
+            type="text"
+            class="ant-input editable-title-input"
+            :placeholder="defaultText"
+            @blur="blurEvent(null)"
+          >
+          <span v-else class="editable-title" @click="clickEvent(null)">{{ nodeConfig.nodeName }}</span>
+        </div>
+
+        <span v-if="nodeConfig.type !== 0" style="width: 10px;height: 20px;color: #fff;" @click="delNode">
+          <el-icon>
+            <svg-icon name="icon-differ" />
+          </el-icon>
+        </span>
+
         <!-- </template> -->
       </div>
       <div class="content" @click="setPerson">
@@ -284,11 +302,13 @@
           添加条件
         </button>
         <div v-for="(item, index) in nodeConfig.conditionNodes" :key="index" class="col-box">
-          <div class="condition-node">
+          <div class="condition-node" style="position: relative;">
             <div class="condition-node-box">
               <div class="auto-judge" :class="item.error ? 'error active' : ''">
                 <div v-if="index !== 0" class="sort-left" @click="arrTransfer(index, -1)">
-                  &lt;
+                  <el-icon>
+                    <svg-icon name="icon-xyh" />
+                  </el-icon>
                 </div>
                 <div class="title-wrapper">
                   <input
@@ -301,10 +321,16 @@
                   >
                   <span v-else class="editable-title" @click="clickEvent(index)">{{ item.nodeName }}</span>
                   <span class="priority-title" @click="setPerson(item.priorityLevel)">优先级{{ item.priorityLevel }}</span>
-                  <i class="anticon anticon-close close" @click="delTerm(index)" />
+                  <span style="position: absolute;right: -6px;top: -10px; width: 10px;height: 10px;color: #7e8185;" @click="delTerm(index)">
+                    <el-icon>
+                      <svg-icon name="icon-differ" />
+                    </el-icon>
+                  </span>
                 </div>
                 <div v-if="index !== nodeConfig.conditionNodes.length - 1" class="sort-right" @click="arrTransfer(index)">
-                  &gt;
+                  <el-icon>
+                    <svg-icon name="icon-dyh" />
+                  </el-icon>
                 </div>
                 <div class="content" @click="setPerson(item.priorityLevel)">
                   {{ $func.conditionStr(nodeConfig, index) }}
diff --git a/src/components/workFlow/nodeWrapBan.vue b/src/components/workFlow/nodeWrapBan.vue
index 4a3affb..3e50b1b 100644
--- a/src/components/workFlow/nodeWrapBan.vue
+++ b/src/components/workFlow/nodeWrapBan.vue
@@ -54,7 +54,15 @@
       <div class="title" :style="`background: rgb(${bgColors[nodeConfig.type]});`">
         <span v-if="nodeConfig.type === 0">{{ nodeConfig.nodeName }}</span>
         <template v-else>
-          <span class="iconfont">{{ nodeConfig.type === 1 ? '' : '' }}</span>
+          <!-- <span class="iconfont">{{ nodeConfig.type === 1 ? '' : '' }}</span> -->
+          <span class="iconfont">
+            <el-icon v-if="nodeConfig.type === 1">
+              <svg-icon name="icon-user" />
+            </el-icon>
+            <el-icon v-else>
+              <svg-icon name="icon-init" />
+            </el-icon>
+          </span>
           <input
             v-if="isInput"
             v-model="nodeConfig.nodeName"
@@ -78,8 +86,8 @@
   <div v-if="nodeConfig.type === 4" class="branch-wrap">
     <div class="branch-box-wrap">
       <div class="branch-box">
-        <button class="add-branch">
-          添加条件
+        <button class="add-branch" :disabled="true">
+          条件
         </button>
         <div v-for="(item, index) in nodeConfig.conditionNodes" :key="index" class="col-box">
           <div class="condition-node">
diff --git a/src/layouts/components/Tools/index.vue b/src/layouts/components/Tools/index.vue
index 1b9a06e..60cc64a 100644
--- a/src/layouts/components/Tools/index.vue
+++ b/src/layouts/components/Tools/index.vue
@@ -1,17 +1,21 @@
 <script lang="ts" setup name="Tools">
 import { useFullscreen } from '@vueuse/core'
 import type { Ref } from 'vue'
+import { ElLoading, ElMessage } from 'element-plus'
 import ResetPwd from './resetPwd.vue'
 import eventBus from '@/utils/eventBus'
 import useSettingsStore from '@/store/modules/settings'
 import useUserStore from '@/store/modules/user'
-import useRouteStore from '@/store/modules/route'
 import useWebsocketStore from '@/store/modules/websocket'
+import useRouteStore from '@/store/modules/route'
+import { getResourceList } from '@/api/system/resource'
+
 const router = useRouter()
 
 const settingsStore = useSettingsStore()
 const userStore = useUserStore()
 const routeStore = useRouteStore()
+
 const websocket = useWebsocketStore()
 
 const mainPage = useMainPage()
@@ -38,6 +42,7 @@
 ]
 
 function userCommand(command: 'dashboard' | 'resetPassword' | 'setting' | 'hotkeys' | 'logout' | 'index') {
+  let loading = null as any
   switch (command) {
     case 'dashboard':
       router.push({
@@ -52,26 +57,45 @@
         name: 'personalSetting',
       })
       break
-    case 'index':
-      // 清空当前系统路由
-      localStorage.removeItem('currentSys')
-      routeStore.removeRoutes()
-      router.push({
-        path: '/index',
-      })
-      break
     case 'hotkeys':
       eventBus.emit('global-hotkeys-intro-toggle')
       break
     case 'logout':
-      localStorage.removeItem('currentSys')
-      routeStore.removeRoutes()
       userStore.logout().then(() => {
         router.push({
           name: 'login',
         })
       })
       break
+    case 'index':
+      // 清空当前系统路由
+      localStorage.removeItem('currentSys')
+      routeStore.removeRoutes()
+      loading = ElLoading.service({
+        lock: true,
+        text: '加载中...',
+        background: 'rgba(255, 255, 255, 0.6)',
+      })
+
+      getResourceList({
+        resourceName: '主页面',
+        resourceUrl: '',
+        level: '',
+        resourceType: '',
+      }).then((res) => {
+        const token = userStore.token
+        const params = `?token=${token}`
+        if (res.data && res.data.length) {
+          window.location.href = res.data[0].url + params
+        }
+        else {
+          ElMessage.warning('未配置主页面菜单，请前往资源管理查看')
+        }
+        loading.close()
+      }).catch(() => {
+        loading.close()
+      })
+      break
   }
 }
 function pro() {
@@ -92,7 +116,7 @@
     <div class="buttons">
       <span v-if="settingsStore.navSearch.enable" class="item" @click="eventBus.emit('global-search-toggle')">
         <el-icon>
-          <svg-icon name="ep:search" />
+          <svg-icon name="icon-search" />
         </el-icon>
       </span>
       <span v-if="settingsStore.mode === 'pc' && settingsStore.toolbar.enableFullscreen" class="item" @click="toggle">
@@ -100,11 +124,11 @@
           <svg-icon :name="isFullscreen ? 'fullscreen-exit' : 'fullscreen'" />
         </el-icon>
       </span>
-      <!-- <span v-if="settingsStore.toolbar.enablePageReload" class="item" @click="mainPage.reload()">
+      <span v-if="settingsStore.toolbar.enablePageReload" class="item" @click="mainPage.reload()">
         <el-icon>
-          <svg-icon name="ep:refresh-right" />
+          <svg-icon name="icon-refresh" />
         </el-icon>
-      </span> -->
+      </span>
       <span v-if="settingsStore.toolbar.enableColorScheme" class="item" @click="settingsStore.setColorScheme(settingsStore.app.colorScheme === 'dark' ? 'light' : 'dark')">
         <el-icon>
           <svg-icon v-show="settingsStore.app.colorScheme === 'light'" name="ep:sunny" />
@@ -174,7 +198,7 @@
         </el-icon>
       </div>
       <template #dropdown>
-        <el-dropdown-menu class="user-dropdown" style="font-size: 20px;">
+        <el-dropdown-menu class="user-dropdown">
           <!-- <el-dropdown-item v-if="settingsStore.dashboard.enable" command="dashboard">
             控制台
           </el-dropdown-item>
@@ -184,9 +208,6 @@
           <el-dropdown-item v-if="settingsStore.mode === 'pc'" divided command="hotkeys">
             快捷键介绍
           </el-dropdown-item> -->
-          <!-- <el-dropdown-item divided command="index">
-            回首页
-          </el-dropdown-item> -->
           <el-dropdown-item divided command="resetPassword">
             修改密码
           </el-dropdown-item>
@@ -214,17 +235,14 @@
       display: inline-flex;
       align-items: center;
       justify-content: center;
-      // height: 24px;
-      // width: 34px;
+      height: 24px;
+      width: 34px;
       cursor: pointer;
       vertical-align: middle;
-      height: 34px;
-      width: 44px;
 
       .el-icon {
         color: var(--el-text-color-primary);
         transition: var(--el-transition-color);
-        font-size: 20px;
       }
     }
   }