diff --git a/sau_frontend/public/logo.svg b/sau_frontend/public/logo.svg
deleted file mode 100644
index 9db6d0d..0000000
--- a/sau_frontend/public/logo.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg width="200" height="200" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path fill="#FFF" d="M99 52h84v34H99z"/><path d="M23 163c-7.398 0-13.843-4.027-17.303-10A19.886 19.886 0 0 0 3 163c0 11.046 8.954 20 20 20h20v-20H23z" fill="#3ECC5F"/><path d="M112.98 57.376L183 53V43c0-11.046-8.954-20-20-20H73l-2.5-4.33c-1.112-1.925-3.889-1.925-5 0L63 23l-2.5-4.33c-1.111-1.925-3.889-1.925-5 0L53 23l-2.5-4.33c-1.111-1.925-3.889-1.925-5 0L43 23c-.022 0-.042.003-.065.003l-4.142-4.141c-1.57-1.571-4.252-.853-4.828 1.294l-1.369 5.104-5.192-1.392c-2.148-.575-4.111 1.389-3.535 3.536l1.39 5.193-5.102 1.367c-2.148.576-2.867 3.259-1.296 4.83l4.142 4.142c0 .021-.003.042-.003.064l-4.33 2.5c-1.925 1.111-1.925 3.889 0 5L23 53l-4.33 2.5c-1.925 1.111-1.925 3.889 0 5L23 63l-4.33 2.5c-1.925 1.111-1.925 3.889 0 5L23 73l-4.33 2.5c-1.925 1.111-1.925 3.889 0 5L23 83l-4.33 2.5c-1.925 1.111-1.925 3.889 0 5L23 93l-4.33 2.5c-1.925 1.111-1.925 3.889 0 5L23 103l-4.33 2.5c-1.925 1.111-1.925 3.889 0 5L23 113l-4.33 2.5c-1.925 1.111-1.925 3.889 0 5L23 123l-4.33 2.5c-1.925 1.111-1.925 3.889 0 5L23 133l-4.33 2.5c-1.925 1.111-1.925 3.889 0 5L23 143l-4.33 2.5c-1.925 1.111-1.925 3.889 0 5L23 153l-4.33 2.5c-1.925 1.111-1.925 3.889 0 5L23 163c0 11.046 8.954 20 20 20h120c11.046 0 20-8.954 20-20V83l-70.02-4.376A10.645 10.645 0 0 1 103 68c0-5.621 4.37-10.273 9.98-10.624" fill="#3ECC5F"/><path fill="#3ECC5F" d="M143 183h30v-40h-30z"/><path d="M193 158c-.219 0-.428.037-.639.064-.038-.15-.074-.301-.116-.451A5 5 0 0 0 190.32 148a4.96 4.96 0 0 0-3.016 1.036 26.531 26.531 0 0 0-.335-.336 4.955 4.955 0 0 0 1.011-2.987 5 5 0 0 0-9.599-1.959c-.148-.042-.297-.077-.445-.115.027-.211.064-.42.064-.639a5 5 0 0 0-5-5 5 5 0 0 0-5 5c0 .219.037.428.064.639-.148.038-.297.073-.445.115a4.998 4.998 0 0 0-9.599 1.959c0 1.125.384 2.151 1.011 2.987-3.717 3.632-6.031 8.693-6.031 14.3 0 11.046 8.954 20 20 20 9.339 0 17.16-6.41 19.361-15.064.211.027.42.064.639.064a5 5 0 0 0 5-5 5 5 0 0 0-5-5" fill="#44D860"/><path fill="#3ECC5F" d="M153 123h30v-20h-30z"/><path d="M193 115.5a2.5 2.5 0 1 0 0-5c-.109 0-.214.019-.319.032-.02-.075-.037-.15-.058-.225a2.501 2.501 0 0 0-.963-4.807c-.569 0-1.088.197-1.508.518a6.653 6.653 0 0 0-.168-.168c.314-.417.506-.931.506-1.494a2.5 2.5 0 0 0-4.8-.979A9.987 9.987 0 0 0 183 103c-5.522 0-10 4.478-10 10s4.478 10 10 10c.934 0 1.833-.138 2.69-.377a2.5 2.5 0 0 0 4.8-.979c0-.563-.192-1.077-.506-1.494.057-.055.113-.111.168-.168.42.321.939.518 1.508.518a2.5 2.5 0 0 0 .963-4.807c.021-.074.038-.15.058-.225.105.013.21.032.319.032" fill="#44D860"/><path d="M63 55.5a2.5 2.5 0 0 1-2.5-2.5c0-4.136-3.364-7.5-7.5-7.5s-7.5 3.364-7.5 7.5a2.5 2.5 0 1 1-5 0c0-6.893 5.607-12.5 12.5-12.5S65.5 46.107 65.5 53a2.5 2.5 0 0 1-2.5 2.5" fill="#000"/><path d="M103 183h60c11.046 0 20-8.954 20-20V93h-60c-11.046 0-20 8.954-20 20v70z" fill="#FFFF50"/><path d="M168.02 124h-50.04a1 1 0 1 1 0-2h50.04a1 1 0 1 1 0 2m0 20h-50.04a1 1 0 1 1 0-2h50.04a1 1 0 1 1 0 2m0 20h-50.04a1 1 0 1 1 0-2h50.04a1 1 0 1 1 0 2m0-49.814h-50.04a1 1 0 1 1 0-2h50.04a1 1 0 1 1 0 2m0 19.814h-50.04a1 1 0 1 1 0-2h50.04a1 1 0 1 1 0 2m0 20h-50.04a1 1 0 1 1 0-2h50.04a1 1 0 1 1 0 2M183 61.611c-.012 0-.022-.006-.034-.005-3.09.105-4.552 3.196-5.842 5.923-1.346 2.85-2.387 4.703-4.093 4.647-1.889-.068-2.969-2.202-4.113-4.46-1.314-2.594-2.814-5.536-5.963-5.426-3.046.104-4.513 2.794-5.807 5.167-1.377 2.528-2.314 4.065-4.121 3.994-1.927-.07-2.951-1.805-4.136-3.813-1.321-2.236-2.848-4.75-5.936-4.664-2.994.103-4.465 2.385-5.763 4.4-1.373 2.13-2.335 3.428-4.165 3.351-1.973-.07-2.992-1.51-4.171-3.177-1.324-1.873-2.816-3.993-5.895-3.89-2.928.1-4.399 1.97-5.696 3.618-1.232 1.564-2.194 2.802-4.229 2.724a1 1 0 0 0-.072 2c3.017.101 4.545-1.8 5.872-3.487 1.177-1.496 2.193-2.787 4.193-2.855 1.926-.082 2.829 1.115 4.195 3.045 1.297 1.834 2.769 3.914 5.731 4.021 3.103.104 4.596-2.215 5.918-4.267 1.182-1.834 2.202-3.417 4.15-3.484 1.793-.067 2.769 1.35 4.145 3.681 1.297 2.197 2.766 4.686 5.787 4.796 3.125.108 4.634-2.62 5.949-5.035 1.139-2.088 2.214-4.06 4.119-4.126 1.793-.042 2.728 1.595 4.111 4.33 1.292 2.553 2.757 5.445 5.825 5.556l.169.003c3.064 0 4.518-3.075 5.805-5.794 1.139-2.41 2.217-4.68 4.067-4.773v-2z" fill="#000"/><path fill="#3ECC5F" d="M83 183h40v-40H83z"/><path d="M143 158c-.219 0-.428.037-.639.064-.038-.15-.074-.301-.116-.451A5 5 0 0 0 140.32 148a4.96 4.96 0 0 0-3.016 1.036 26.531 26.531 0 0 0-.335-.336 4.955 4.955 0 0 0 1.011-2.987 5 5 0 0 0-9.599-1.959c-.148-.042-.297-.077-.445-.115.027-.211.064-.42.064-.639a5 5 0 0 0-5-5 5 5 0 0 0-5 5c0 .219.037.428.064.639-.148.038-.297.073-.445.115a4.998 4.998 0 0 0-9.599 1.959c0 1.125.384 2.151 1.011 2.987-3.717 3.632-6.031 8.693-6.031 14.3 0 11.046 8.954 20 20 20 9.339 0 17.16-6.41 19.361-15.064.211.027.42.064.639.064a5 5 0 0 0 5-5 5 5 0 0 0-5-5" fill="#44D860"/><path fill="#3ECC5F" d="M83 123h40v-20H83z"/><path d="M133 115.5a2.5 2.5 0 1 0 0-5c-.109 0-.214.019-.319.032-.02-.075-.037-.15-.058-.225a2.501 2.501 0 0 0-.963-4.807c-.569 0-1.088.197-1.508.518a6.653 6.653 0 0 0-.168-.168c.314-.417.506-.931.506-1.494a2.5 2.5 0 0 0-4.8-.979A9.987 9.987 0 0 0 123 103c-5.522 0-10 4.478-10 10s4.478 10 10 10c.934 0 1.833-.138 2.69-.377a2.5 2.5 0 0 0 4.8-.979c0-.563-.192-1.077-.506-1.494.057-.055.113-.111.168-.168.42.321.939.518 1.508.518a2.5 2.5 0 0 0 .963-4.807c.021-.074.038-.15.058-.225.105.013.21.032.319.032" fill="#44D860"/><path d="M143 41.75c-.16 0-.33-.02-.49-.05a2.52 2.52 0 0 1-.47-.14c-.15-.06-.29-.14-.431-.23-.13-.09-.259-.2-.38-.31-.109-.12-.219-.24-.309-.38s-.17-.28-.231-.43a2.619 2.619 0 0 1-.189-.96c0-.16.02-.33.05-.49.03-.16.08-.31.139-.47.061-.15.141-.29.231-.43.09-.13.2-.26.309-.38.121-.11.25-.22.38-.31.141-.09.281-.17.431-.23.149-.06.31-.11.47-.14.32-.07.65-.07.98 0 .159.03.32.08.47.14.149.06.29.14.43.23.13.09.259.2.38.31.11.12.22.25.31.38.09.14.17.28.23.43.06.16.11.31.14.47.029.16.05.33.05.49 0 .66-.271 1.31-.73 1.77-.121.11-.25.22-.38.31-.14.09-.281.17-.43.23a2.565 2.565 0 0 1-.96.19m20-1.25c-.66 0-1.3-.27-1.771-.73a3.802 3.802 0 0 1-.309-.38c-.09-.14-.17-.28-.231-.43a2.619 2.619 0 0 1-.189-.96c0-.66.27-1.3.729-1.77.121-.11.25-.22.38-.31.141-.09.281-.17.431-.23.149-.06.31-.11.47-.14.32-.07.66-.07.98 0 .159.03.32.08.47.14.149.06.29.14.43.23.13.09.259.2.38.31.459.47.73 1.11.73 1.77 0 .16-.021.33-.05.49-.03.16-.08.32-.14.47-.07.15-.14.29-.23.43-.09.13-.2.26-.31.38-.121.11-.25.22-.38.31-.14.09-.281.17-.43.23a2.565 2.565 0 0 1-.96.19" fill="#000"/></g></svg>
\ No newline at end of file
diff --git a/sau_frontend/src/assets/bofang.png b/sau_frontend/src/assets/bofang.png
deleted file mode 100644
index 732f0f6..0000000
Binary files a/sau_frontend/src/assets/bofang.png and /dev/null differ
diff --git a/sau_frontend/src/assets/fengbaobao.png b/sau_frontend/src/assets/fengbaobao.png
deleted file mode 100644
index 9030cec..0000000
Binary files a/sau_frontend/src/assets/fengbaobao.png and /dev/null differ
diff --git a/sau_frontend/src/assets/logo.svg b/sau_frontend/src/assets/logo.svg
deleted file mode 100644
index 9db6d0d..0000000
--- a/sau_frontend/src/assets/logo.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg width="200" height="200" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path fill="#FFF" d="M99 52h84v34H99z"/><path d="M23 163c-7.398 0-13.843-4.027-17.303-10A19.886 19.886 0 0 0 3 163c0 11.046 8.954 20 20 20h20v-20H23z" fill="#3ECC5F"/><path d="M112.98 57.376L183 53V43c0-11.046-8.954-20-20-20H73l-2.5-4.33c-1.112-1.925-3.889-1.925-5 0L63 23l-2.5-4.33c-1.111-1.925-3.889-1.925-5 0L53 23l-2.5-4.33c-1.111-1.925-3.889-1.925-5 0L43 23c-.022 0-.042.003-.065.003l-4.142-4.141c-1.57-1.571-4.252-.853-4.828 1.294l-1.369 5.104-5.192-1.392c-2.148-.575-4.111 1.389-3.535 3.536l1.39 5.193-5.102 1.367c-2.148.576-2.867 3.259-1.296 4.83l4.142 4.142c0 .021-.003.042-.003.064l-4.33 2.5c-1.925 1.111-1.925 3.889 0 5L23 53l-4.33 2.5c-1.925 1.111-1.925 3.889 0 5L23 63l-4.33 2.5c-1.925 1.111-1.925 3.889 0 5L23 73l-4.33 2.5c-1.925 1.111-1.925 3.889 0 5L23 83l-4.33 2.5c-1.925 1.111-1.925 3.889 0 5L23 93l-4.33 2.5c-1.925 1.111-1.925 3.889 0 5L23 103l-4.33 2.5c-1.925 1.111-1.925 3.889 0 5L23 113l-4.33 2.5c-1.925 1.111-1.925 3.889 0 5L23 123l-4.33 2.5c-1.925 1.111-1.925 3.889 0 5L23 133l-4.33 2.5c-1.925 1.111-1.925 3.889 0 5L23 143l-4.33 2.5c-1.925 1.111-1.925 3.889 0 5L23 153l-4.33 2.5c-1.925 1.111-1.925 3.889 0 5L23 163c0 11.046 8.954 20 20 20h120c11.046 0 20-8.954 20-20V83l-70.02-4.376A10.645 10.645 0 0 1 103 68c0-5.621 4.37-10.273 9.98-10.624" fill="#3ECC5F"/><path fill="#3ECC5F" d="M143 183h30v-40h-30z"/><path d="M193 158c-.219 0-.428.037-.639.064-.038-.15-.074-.301-.116-.451A5 5 0 0 0 190.32 148a4.96 4.96 0 0 0-3.016 1.036 26.531 26.531 0 0 0-.335-.336 4.955 4.955 0 0 0 1.011-2.987 5 5 0 0 0-9.599-1.959c-.148-.042-.297-.077-.445-.115.027-.211.064-.42.064-.639a5 5 0 0 0-5-5 5 5 0 0 0-5 5c0 .219.037.428.064.639-.148.038-.297.073-.445.115a4.998 4.998 0 0 0-9.599 1.959c0 1.125.384 2.151 1.011 2.987-3.717 3.632-6.031 8.693-6.031 14.3 0 11.046 8.954 20 20 20 9.339 0 17.16-6.41 19.361-15.064.211.027.42.064.639.064a5 5 0 0 0 5-5 5 5 0 0 0-5-5" fill="#44D860"/><path fill="#3ECC5F" d="M153 123h30v-20h-30z"/><path d="M193 115.5a2.5 2.5 0 1 0 0-5c-.109 0-.214.019-.319.032-.02-.075-.037-.15-.058-.225a2.501 2.501 0 0 0-.963-4.807c-.569 0-1.088.197-1.508.518a6.653 6.653 0 0 0-.168-.168c.314-.417.506-.931.506-1.494a2.5 2.5 0 0 0-4.8-.979A9.987 9.987 0 0 0 183 103c-5.522 0-10 4.478-10 10s4.478 10 10 10c.934 0 1.833-.138 2.69-.377a2.5 2.5 0 0 0 4.8-.979c0-.563-.192-1.077-.506-1.494.057-.055.113-.111.168-.168.42.321.939.518 1.508.518a2.5 2.5 0 0 0 .963-4.807c.021-.074.038-.15.058-.225.105.013.21.032.319.032" fill="#44D860"/><path d="M63 55.5a2.5 2.5 0 0 1-2.5-2.5c0-4.136-3.364-7.5-7.5-7.5s-7.5 3.364-7.5 7.5a2.5 2.5 0 1 1-5 0c0-6.893 5.607-12.5 12.5-12.5S65.5 46.107 65.5 53a2.5 2.5 0 0 1-2.5 2.5" fill="#000"/><path d="M103 183h60c11.046 0 20-8.954 20-20V93h-60c-11.046 0-20 8.954-20 20v70z" fill="#FFFF50"/><path d="M168.02 124h-50.04a1 1 0 1 1 0-2h50.04a1 1 0 1 1 0 2m0 20h-50.04a1 1 0 1 1 0-2h50.04a1 1 0 1 1 0 2m0 20h-50.04a1 1 0 1 1 0-2h50.04a1 1 0 1 1 0 2m0-49.814h-50.04a1 1 0 1 1 0-2h50.04a1 1 0 1 1 0 2m0 19.814h-50.04a1 1 0 1 1 0-2h50.04a1 1 0 1 1 0 2m0 20h-50.04a1 1 0 1 1 0-2h50.04a1 1 0 1 1 0 2M183 61.611c-.012 0-.022-.006-.034-.005-3.09.105-4.552 3.196-5.842 5.923-1.346 2.85-2.387 4.703-4.093 4.647-1.889-.068-2.969-2.202-4.113-4.46-1.314-2.594-2.814-5.536-5.963-5.426-3.046.104-4.513 2.794-5.807 5.167-1.377 2.528-2.314 4.065-4.121 3.994-1.927-.07-2.951-1.805-4.136-3.813-1.321-2.236-2.848-4.75-5.936-4.664-2.994.103-4.465 2.385-5.763 4.4-1.373 2.13-2.335 3.428-4.165 3.351-1.973-.07-2.992-1.51-4.171-3.177-1.324-1.873-2.816-3.993-5.895-3.89-2.928.1-4.399 1.97-5.696 3.618-1.232 1.564-2.194 2.802-4.229 2.724a1 1 0 0 0-.072 2c3.017.101 4.545-1.8 5.872-3.487 1.177-1.496 2.193-2.787 4.193-2.855 1.926-.082 2.829 1.115 4.195 3.045 1.297 1.834 2.769 3.914 5.731 4.021 3.103.104 4.596-2.215 5.918-4.267 1.182-1.834 2.202-3.417 4.15-3.484 1.793-.067 2.769 1.35 4.145 3.681 1.297 2.197 2.766 4.686 5.787 4.796 3.125.108 4.634-2.62 5.949-5.035 1.139-2.088 2.214-4.06 4.119-4.126 1.793-.042 2.728 1.595 4.111 4.33 1.292 2.553 2.757 5.445 5.825 5.556l.169.003c3.064 0 4.518-3.075 5.805-5.794 1.139-2.41 2.217-4.68 4.067-4.773v-2z" fill="#000"/><path fill="#3ECC5F" d="M83 183h40v-40H83z"/><path d="M143 158c-.219 0-.428.037-.639.064-.038-.15-.074-.301-.116-.451A5 5 0 0 0 140.32 148a4.96 4.96 0 0 0-3.016 1.036 26.531 26.531 0 0 0-.335-.336 4.955 4.955 0 0 0 1.011-2.987 5 5 0 0 0-9.599-1.959c-.148-.042-.297-.077-.445-.115.027-.211.064-.42.064-.639a5 5 0 0 0-5-5 5 5 0 0 0-5 5c0 .219.037.428.064.639-.148.038-.297.073-.445.115a4.998 4.998 0 0 0-9.599 1.959c0 1.125.384 2.151 1.011 2.987-3.717 3.632-6.031 8.693-6.031 14.3 0 11.046 8.954 20 20 20 9.339 0 17.16-6.41 19.361-15.064.211.027.42.064.639.064a5 5 0 0 0 5-5 5 5 0 0 0-5-5" fill="#44D860"/><path fill="#3ECC5F" d="M83 123h40v-20H83z"/><path d="M133 115.5a2.5 2.5 0 1 0 0-5c-.109 0-.214.019-.319.032-.02-.075-.037-.15-.058-.225a2.501 2.501 0 0 0-.963-4.807c-.569 0-1.088.197-1.508.518a6.653 6.653 0 0 0-.168-.168c.314-.417.506-.931.506-1.494a2.5 2.5 0 0 0-4.8-.979A9.987 9.987 0 0 0 123 103c-5.522 0-10 4.478-10 10s4.478 10 10 10c.934 0 1.833-.138 2.69-.377a2.5 2.5 0 0 0 4.8-.979c0-.563-.192-1.077-.506-1.494.057-.055.113-.111.168-.168.42.321.939.518 1.508.518a2.5 2.5 0 0 0 .963-4.807c.021-.074.038-.15.058-.225.105.013.21.032.319.032" fill="#44D860"/><path d="M143 41.75c-.16 0-.33-.02-.49-.05a2.52 2.52 0 0 1-.47-.14c-.15-.06-.29-.14-.431-.23-.13-.09-.259-.2-.38-.31-.109-.12-.219-.24-.309-.38s-.17-.28-.231-.43a2.619 2.619 0 0 1-.189-.96c0-.16.02-.33.05-.49.03-.16.08-.31.139-.47.061-.15.141-.29.231-.43.09-.13.2-.26.309-.38.121-.11.25-.22.38-.31.141-.09.281-.17.431-.23.149-.06.31-.11.47-.14.32-.07.65-.07.98 0 .159.03.32.08.47.14.149.06.29.14.43.23.13.09.259.2.38.31.11.12.22.25.31.38.09.14.17.28.23.43.06.16.11.31.14.47.029.16.05.33.05.49 0 .66-.271 1.31-.73 1.77-.121.11-.25.22-.38.31-.14.09-.281.17-.43.23a2.565 2.565 0 0 1-.96.19m20-1.25c-.66 0-1.3-.27-1.771-.73a3.802 3.802 0 0 1-.309-.38c-.09-.14-.17-.28-.231-.43a2.619 2.619 0 0 1-.189-.96c0-.66.27-1.3.729-1.77.121-.11.25-.22.38-.31.141-.09.281-.17.431-.23.149-.06.31-.11.47-.14.32-.07.66-.07.98 0 .159.03.32.08.47.14.149.06.29.14.43.23.13.09.259.2.38.31.459.47.73 1.11.73 1.77 0 .16-.021.33-.05.49-.03.16-.08.32-.14.47-.07.15-.14.29-.23.43-.09.13-.2.26-.31.38-.121.11-.25.22-.38.31-.14.09-.281.17-.43.23a2.565 2.565 0 0 1-.96.19" fill="#000"/></g></svg>
\ No newline at end of file
diff --git a/sau_frontend/src/components/AccountView.vue b/sau_frontend/src/components/AccountView.vue
deleted file mode 100644
index 683e602..0000000
--- a/sau_frontend/src/components/AccountView.vue
+++ /dev/null
@@ -1,548 +0,0 @@
-<template>
-	<div class="account-view">
-		<h1>账号管理</h1>
-		<div class="account-container">
-			<!-- 平台选项卡 -->
-			<div class="platform-tabs">
-				<div v-for="platform in platforms" :key="platform.id" class="platform-tab"
-					:class="{ active: activePlatform === platform.id }" @click="activePlatform = platform.id">
-					{{ platform.name }}
-				</div>
-			</div>
-
-			<div class="filter-bar">
-				<div class="filter-item">
-					<select v-model="statusFilter">
-						<option value="">账号状态</option>
-						<option value="正常">正常</option>
-						<option value="异常">异常</option>
-						<!-- <option value="已封禁">已封禁</option> -->
-					</select>
-				</div>
-				<!-- <div class="filter-item">
-          <select>
-            <option>分组</option>
-            <option>默认分组</option>
-            <option>自媒体</option>
-            <option>电商</option>
-          </select>
-        </div> -->
-				<div class="search-box">
-					<input type="text" placeholder="输入账号名称搜索" v-model="searchQuery" />
-					<button><i class="search-icon"></i></button>
-				</div>
-				<button class="refresh-btn" @click="refreshAccounts" title="刷新账号列表">
-					<i class="refresh-icon"></i>
-				</button>
-				<button class="btn-add" @click="showAddAccountModal">添加账号</button>
-			</div>
-
-			<div class="account-list">
-				<!-- 加载状态 -->
-				<div v-if="isLoading" class="loading-state">
-					<div class="loading-spinner"></div>
-					<p>正在加载账号列表...</p>
-				</div>
-
-				<!-- 无数据提示 -->
-				<div v-else-if="filteredAccounts.length === 0" class="empty-state">
-					<p>暂无账号数据</p>
-					<button class="btn-add-small" @click="showAddAccountModal">添加账号</button>
-				</div>
-
-				<!-- 账号列表 -->
-				<div v-else v-for="account in filteredAccounts" :key="account.id" class="account-card">
-					<div class="account-avatar">
-						<img :src="account.avatar" alt="账号头像" />
-					</div>
-					<div class="account-info">
-						<div class="account-name">{{ account.name }}</div>
-						<div class="account-stats">
-							<div class="stat-item">
-								<span class="stat-label">粉丝</span>
-								<span class="stat-value">{{ account.followers }}</span>
-							</div>
-							<div class="stat-item">
-								<span class="stat-label">获赞</span>
-								<span class="stat-value">{{ account.likes }}</span>
-							</div>
-							<div class="stat-item">
-								<span class="stat-label">播放量</span>
-								<span class="stat-value">{{ account.views }}</span>
-							</div>
-						</div>
-						<div class="account-status" :class="'status-' + account.statusType">{{ account.status }}</div>
-					</div>
-				</div>
-			</div>
-		</div>
-
-		<!-- 添加账号模态窗口 -->
-		<AddAccountModal :visible="isAddAccountModalVisible" :platformId="activePlatform" @close="closeAddAccountModal"
-			@login="handleAccountLogin" @account-added="handleAccountAdded" />
-	</div>
-</template>
-
-<script setup>
-	import { ref, computed, onMounted, watch } from 'vue';
-	import AddAccountModal from './AddAccountModal.vue';
-	import { API_BASE_URL, globalAccountsCache } from '../config';
-	import axios from 'axios'
-	import tx from '@assets/fengbaobao.png'
-
-	// 平台数据
-	const platforms = [
-		{ id: 'douyin', name: '抖音' },
-		{ id: 'kuaishou', name: '快手' },
-		{ id: 'xiaohongshu', name: '小红书' },
-		{ id: 'shipinhao', name: '视频号' },
-	];
-
-	// 当前选中的平台
-	const activePlatform = ref('douyin');
-
-	// 搜索关键词
-	const searchQuery = ref('');
-
-	// 状态筛选
-	const statusFilter = ref('');
-
-	// 账号数据
-	const accountsData = ref({
-		douyin: [],
-		kuaishou: [],
-		xiaohongshu: [],
-		shipinhao: []
-	});
-
-	// 加载状态
-	const isLoading = ref(false);
-
-	// 获取账号列表
-	const fetchAccounts = async (forceRefresh = false) => {
-		// 如果全局缓存有效且不强制刷新，则使用缓存数据
-		if (!forceRefresh && globalAccountsCache.isValid()) {
-			console.log("使用缓存的账号数据");
-			processAccountsData(globalAccountsCache.accounts);
-			return;
-		}
-
-		isLoading.value = true;
-		try {
-			console.log("getValidAccounts请求前",`/api/getValidAccounts`);
-			const response = await axios.get(`/api/getValidAccounts`);
-			console.log("getValidAccounts", response);
-
-			if (response.data.code === 200 && response.data.data) {
-				// 更新全局缓存
-				globalAccountsCache.updateCache(response.data.data);
-				
-				// 处理账号数据
-				processAccountsData(response.data.data);
-			}
-		} catch (error) {
-			console.error('获取账号列表失败:', error);
-			// 如果获取失败，使用空数组
-			accountsData.value = {
-				douyin: [],
-				xiaohongshu: [],
-				shipinhao: []
-			};
-		} finally {
-			isLoading.value = false;
-		}
-	};
-
-	// 处理账号数据
-	const processAccountsData = (data) => {
-		// 清空所有平台的账号数据
-		accountsData.value = {
-			douyin: [],
-			xiaohongshu: [],
-			shipinhao: []
-		};
-
-		// 根据type值将账号分配到对应平台
-		data.forEach(account => {
-			const formattedAccount = {
-				id: account[0]|| Math.random().toString(36).substr(2, 9),
-				name: account[3] || '未命名账号',
-				avatar: tx,
-				followers: formatNumber(account.followers || 0),
-				likes: formatNumber(account.likes || 0),
-				views: formatNumber(account.views || 0),
-				status: account[4] === 1 ? '正常' : '异常',
-				statusType: account[4] === 1 ? 'normal' : 'warning',
-				cookiejson:account[2],
-				userData: account
-			};
-
-			// 根据type值分配到对应平台
-			switch (account[1]) {
-				case 3: // 抖音
-					accountsData.value.douyin.push(formattedAccount);
-					break;
-				case 4: // 新增抖音平台
-					accountsData.value.kuaishou.push(formattedAccount);
-					break;
-				case 1: // 小红书
-					accountsData.value.xiaohongshu.push(formattedAccount);
-					break;
-				case 2: // 视频号
-					accountsData.value.shipinhao.push(formattedAccount);
-					break;
-				default:
-					// 如果type不匹配，默认放入当前选中的平台
-					accountsData.value[activePlatform.value].push(formattedAccount);
-					break;
-			}
-		});
-	};
-
-	// 强制刷新账号列表
-	const refreshAccounts = () => {
-		fetchAccounts(true);
-	};
-
-	// 格式化数字
-	const formatNumber = (num) => {
-		if (num >= 100000000) {
-			return (num / 100000000).toFixed(1) + '亿';
-		} else if (num >= 10000) {
-			return (num / 10000).toFixed(1) + '万';
-		}
-		return num.toString();
-	};
-
-	// 获取平台ID数字
-	const getPlatformIdNumber = (platform) => {
-		switch (platform) {
-			case 'douyin': return 3;
-			case 'douyin2': return 4; // 新增抖音平台，编号为4
-			case 'xiaohongshu': return 1;
-			case 'shipinhao': return 2;
-			default: return 0;
-		}
-	};
-
-	// 根据当前选中平台和搜索关键词过滤账号列表
-	const filteredAccounts = computed(() => {
-		const accounts = accountsData.value[activePlatform.value] || [];
-		let filtered = accounts;
-
-		// 按名称搜索过滤
-		if (searchQuery.value) {
-			filtered = filtered.filter(account =>
-				account.name.toLowerCase().includes(searchQuery.value.toLowerCase())
-			);
-		}
-
-		// 按状态过滤
-		if (statusFilter.value) {
-			filtered = filtered.filter(account => account.status === statusFilter.value);
-		}
-
-		return filtered;
-	});
-
-	// 在组件挂载时获取账号列表
-	onMounted(() => {
-		fetchAccounts();
-	});
-
-	// 监听平台切换，重新获取账号列表
-	watch(activePlatform, () => {
-		// 平台切换时不需要强制刷新，可以使用缓存
-		fetchAccounts(false);
-	});
-
-	// 添加账号模态窗口控制
-	const isAddAccountModalVisible = ref(false);
-
-	const showAddAccountModal = () => {
-		console.log("showAddAccountModal");
-		// 确保每次打开都是全新的弹窗状态
-		isAddAccountModalVisible.value = true;
-	};
-
-	const closeAddAccountModal = () => {
-		isAddAccountModalVisible.value = false;
-		// 弹窗关闭后，确保下次打开是全新状态
-		console.log('弹窗已关闭，状态已重置');
-	};
-
-	const handleAccountAdded = () => {
-		// 账号添加成功后，不再自动刷新列表
-		// 用户可以点击刷新按钮手动刷新
-		console.log('账号添加成功，可点击刷新按钮更新列表');
-	};
-
-	const handleAccountLogin = (data) => {
-		console.log('账号登录状态:', data);
-		
-		// 登录成功后不再自动刷新账号列表
-		// 用户可以点击刷新按钮手动刷新
-	};
-</script>
-
-<style scoped>
-	.account-view {
-		padding: 20px;
-	}
-
-	h1 {
-		margin-bottom: 20px;
-		font-size: 24px;
-	}
-
-	.account-container {
-		background-color: #fff;
-	}
-
-	/* 加载状态 */
-	.loading-state {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		justify-content: center;
-		padding: 40px 0;
-		width: 100%;
-	}
-
-	.loading-spinner {
-		width: 40px;
-		height: 40px;
-		border: 4px solid #f3f3f3;
-		border-top: 4px solid #3498db;
-		border-radius: 50%;
-		animation: spin 1s linear infinite;
-		margin-bottom: 15px;
-	}
-
-	@keyframes spin {
-		0% {
-			transform: rotate(0deg);
-		}
-
-		100% {
-			transform: rotate(360deg);
-		}
-	}
-
-	/* 空状态 */
-	.empty-state {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		justify-content: center;
-		padding: 40px 0;
-		width: 100%;
-		color: #666;
-	}
-
-	.empty-state p {
-		margin-bottom: 15px;
-		font-size: 16px;
-	}
-
-	.btn-add-small {
-		padding: 8px 16px;
-		background-color: #1890ff;
-		color: white;
-		border: none;
-		border-radius: 4px;
-		cursor: pointer;
-		font-size: 14px;
-		transition: background-color 0.3s;
-	}
-
-	.btn-add-small:hover {
-		background-color: #40a9ff;
-	}
-
-	.filter-bar {
-		display: flex;
-		margin-bottom: 20px;
-		align-items: center;
-	}
-
-	.filter-item {
-		margin-right: 15px;
-	}
-
-	.filter-item select {
-		padding: 8px 15px;
-		border: 1px solid #ddd;
-		border-radius: 4px;
-		background-color: #fff;
-	}
-
-	.search-box {
-		display: flex;
-		margin-right: 15px;
-		flex: 1;
-	}
-
-	.search-box input {
-		flex: 1;
-		padding: 8px 15px;
-		border: 1px solid #ddd;
-		border-radius: 4px 0 0 4px;
-	}
-
-	.search-box button {
-		padding: 8px 15px;
-		background-color: #f5f5f5;
-		border: 1px solid #ddd;
-		border-left: none;
-		border-radius: 0 4px 4px 0;
-	}
-
-	.refresh-btn {
-		background-color: #f5f5f5;
-		color: #666;
-		border: 1px solid #ddd;
-		padding: 8px 15px;
-		border-radius: 4px;
-		cursor: pointer;
-		margin-right: 10px;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-	}
-
-	.refresh-btn:hover {
-		background-color: #e6e6e6;
-	}
-
-	.refresh-icon {
-		display: inline-block;
-		width: 16px;
-		height: 16px;
-		border: 2px solid #666;
-		border-radius: 50%;
-		border-top-color: transparent;
-		position: relative;
-	}
-
-	.refresh-icon:before {
-		content: '';
-		position: absolute;
-		top: -5px;
-		right: 0;
-		width: 0;
-		height: 0;
-		border-style: solid;
-		border-width: 0 0 6px 6px;
-		border-color: transparent transparent #666 transparent;
-	}
-
-	.btn-add {
-		background-color: #6366f1;
-		color: white;
-		border: none;
-		padding: 8px 15px;
-		border-radius: 4px;
-		cursor: pointer;
-	}
-
-	.account-list {
-		margin-top: 20px;
-	}
-
-	.account-card {
-		display: flex;
-		align-items: center;
-		padding: 15px;
-		border: 1px solid #eee;
-		border-radius: 8px;
-		margin-bottom: 10px;
-	}
-
-	.account-avatar {
-		width: 50px;
-		height: 50px;
-		border-radius: 50%;
-		overflow: hidden;
-		margin-right: 15px;
-	}
-
-	.account-avatar img {
-		width: 100%;
-		height: 100%;
-		object-fit: cover;
-	}
-
-	.account-info {
-		display: flex;
-		flex-direction: column;
-		flex: 1;
-	}
-
-	.account-name {
-		font-weight: bold;
-		margin-bottom: 5px;
-		font-size: 16px;
-	}
-
-	.account-stats {
-		display: flex;
-		margin-bottom: 5px;
-	}
-
-	.stat-item {
-		margin-right: 15px;
-		display: flex;
-		align-items: center;
-	}
-
-	.stat-label {
-		color: #666;
-		font-size: 12px;
-		margin-right: 5px;
-	}
-
-	.stat-value {
-		font-weight: 500;
-		font-size: 14px;
-	}
-
-	.account-status {
-		font-size: 14px;
-	}
-
-	.status-normal {
-		color: #10b981;
-	}
-
-	.status-warning {
-		color: #f59e0b;
-	}
-
-	.status-danger {
-		color: #ef4444;
-	}
-
-	.platform-tabs {
-		display: flex;
-		border-bottom: 1px solid #eee;
-		margin-bottom: 20px;
-	}
-
-	.platform-tab {
-		padding: 10px 20px;
-		cursor: pointer;
-		border-bottom: 2px solid transparent;
-		font-weight: 500;
-		transition: all 0.2s;
-	}
-
-	.platform-tab:hover {
-		color: #6366f1;
-	}
-
-	.platform-tab.active {
-		color: #6366f1;
-		border-bottom-color: #6366f1;
-	}
-</style>
\ No newline at end of file
diff --git a/sau_frontend/src/components/AddAccountModal.vue b/sau_frontend/src/components/AddAccountModal.vue
deleted file mode 100644
index ccdeae4..0000000
--- a/sau_frontend/src/components/AddAccountModal.vue
+++ /dev/null
@@ -1,362 +0,0 @@
-<template>
-	<div class="modal-overlay" v-if="visible">
-		<div class="modal-container">
-			<div class="modal-header">
-				<h2>添加{{ getPlatformName() }}账号</h2>
-				<button class="close-btn" @click="closeModal">×</button>
-			</div>
-			<div class="modal-body">
-				<div class="input-group">
-					<label for="accountId">账号ID</label>
-					<input type="text" id="accountId" v-model="accountId" placeholder="请输入账号ID"
-						:class="{ 'error': showError }" />
-					<div class="error-message" v-if="showError">请输入账号ID</div>
-				</div>
-
-				<div class="qr-code-container" v-if="showQrCode">
-					<h3>请扫描二维码登录</h3>
-					<img :src="qrCodeSrc" alt="登录二维码" class="qr-code" />
-				</div>
-
-				<div class="message-container" v-if="message">
-					<h3>登录状态</h3>
-					<p>{{ message }}</p>
-				</div>
-			</div>
-			<div class="modal-footer">
-				<button class="cancel-btn" @click="closeModal">取消</button>
-				<button class="add-btn" @click="addAccount" :disabled="isLoading">
-					{{ isLoading ? '处理中...' : '添加账号' }}
-				</button>
-			</div>
-		</div>
-	</div>
-</template>
-
-<script setup>
-	import {
-		ref,
-		defineProps,
-		defineEmits,
-		watch
-	} from 'vue';
-	import {
-		API_BASE_URL
-	} from '../config';
-
-	const props = defineProps({
-		visible: {
-			type: Boolean,
-			default: false
-		},
-		platformId: {
-			type: String,
-			default: 'douyin'
-		}
-	});
-
-	const emit = defineEmits(['close', 'login', 'account-added']);
-
-	// 表单数据
-	const accountId = ref('');
-	const showError = ref(false);
-	const isLoading = ref(false);
-
-	// SSE 连接相关
-	const showQrCode = ref(false);
-	const qrCodeSrc = ref('');
-	const message = ref('');
-	let eventSource = null;
-
-	// 监听visible变化，重置表单
-	watch(() => props.visible, (newValue) => {
-		if (!newValue) {
-			resetForm();
-		}
-	});
-
-	// 获取平台名称
-	const getPlatformName = () => {
-		const platformMap = {
-			'douyin': '抖音',
-			'douyin2': '抖音',
-			'xiaohongshu': '小红书',
-			'shipinhao': '视频号'
-		};
-		return platformMap[props.platformId] || '';
-	};
-
-	// 关闭模态窗口
-	const closeModal = () => {
-		// 如果有活跃的 EventSource 连接，关闭它
-		if (eventSource) {
-			eventSource.close();
-			eventSource = null;
-		}
-
-		emit('close');
-	};
-
-	// 重置表单
-	const resetForm = () => {
-		accountId.value = '';
-		showError.value = false;
-		isLoading.value = false;
-		showQrCode.value = false;
-		qrCodeSrc.value = '';
-		message.value = '';
-
-		// 确保关闭 EventSource 连接
-		if (eventSource) {
-			eventSource.close();
-			eventSource = null;
-		}
-	};
-
-	// 添加账号
-	const addAccount = () => {
-		// 表单验证
-		if (!accountId.value.trim()) {
-			showError.value = true;
-			return;
-		}
-
-		showError.value = false;
-		isLoading.value = true;
-
-		// 获取平台对应的type值
-		const platformTypeMap = {
-			'douyin': 3,
-			'kuaishou': 4, // 新增抖音平台，编号为4
-			'xiaohongshu': 1,
-			'shipinhao': 2
-		};
-		const platformType = platformTypeMap[props.platformId] || 3; // 默认使用抖音type=3
-
-		// 创建 EventSource 连接，使用正确的平台type
-		const url = `api/login?type=${platformType}&id=${accountId.value}`;
-		eventSource = new EventSource(url);
-
-		let count = 0;
-
-		// 接收事件流中的消息
-		eventSource.onmessage = (event) => {
-			console.log("onmessage");
-			count++;
-			const data = event.data;
-
-			if (count === 1) {
-				// 第一次收到的是 base64 图片（二维码）
-				console.log('收到二维码:', data);
-				qrCodeSrc.value = `${data}`;
-				showQrCode.value = true;
-
-				// 通知父组件登录过程开始
-				emit('login', {
-					status: 'qrcode',
-					platformId: props.platformId,
-					accountId: accountId.value
-				});
-			} else if (count === 2) {
-				// 第二次收到普通消息（登录结果）
-				console.log('收到消息:', data);
-				message.value = data;
-				isLoading.value = false;
-
-				// 主动关闭连接
-				eventSource.close();
-				eventSource = null;
-
-				// 通知父组件账号添加成功
-				emit('account-added', {
-					status: 'success',
-					platformId: props.platformId,
-					accountId: accountId.value,
-					message: data
-				});
-				
-				// 显示成功提示并关闭弹窗
-				ElMessage({
-  message: `账号添加成功,请手动刷新: ${data}`,
-  type: 'success',
-  duration: 3000, // 显示时长，单位毫秒
-  showClose: true, // 是否显示关闭按钮
-});
-				closeModal();
-			}
-		};
-
-		// 错误处理
-		eventSource.onerror = (err) => {
-			console.error('EventSource 发生错误:', err);
-			message.value = '连接异常中断';
-			isLoading.value = false;
-
-			if (eventSource) {
-				eventSource.close();
-				eventSource = null;
-			}
-
-			// 通知父组件登录失败
-			emit('login', {
-				status: 'error',
-				platformId: props.platformId,
-				accountId: accountId.value,
-				error: '连接异常中断'
-			});
-			
-			// 显示错误提示并关闭弹窗
-			alert('登录失败: 连接异常中断');
-			closeModal();
-		};
-	};
-</script>
-
-<style scoped>
-	.modal-overlay {
-		position: fixed;
-		top: 0;
-		left: 0;
-		right: 0;
-		bottom: 0;
-		background-color: rgba(0, 0, 0, 0.5);
-		display: flex;
-		justify-content: center;
-		align-items: center;
-		z-index: 1000;
-	}
-
-	.modal-container {
-		background-color: white;
-		border-radius: 8px;
-		width: 500px;
-		max-width: 90%;
-		box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
-		overflow: hidden;
-	}
-
-	.modal-header {
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
-		padding: 16px 20px;
-		border-bottom: 1px solid #eee;
-	}
-
-	.modal-header h2 {
-		margin: 0;
-		font-size: 18px;
-		color: #333;
-	}
-
-	.close-btn {
-		background: none;
-		border: none;
-		font-size: 24px;
-		cursor: pointer;
-		color: #999;
-	}
-
-	.modal-body {
-		padding: 20px;
-	}
-
-	.input-group {
-		margin-bottom: 20px;
-	}
-
-	.input-group label {
-		display: block;
-		margin-bottom: 8px;
-		font-weight: 500;
-		color: #333;
-	}
-
-	input {
-		width: 100%;
-		padding: 10px 12px;
-		border: 1px solid #ddd;
-		border-radius: 4px;
-		font-size: 14px;
-		transition: border-color 0.3s;
-	}
-
-	input:focus {
-		outline: none;
-		border-color: #1890ff;
-	}
-
-	input.error {
-		border-color: #ff4d4f;
-	}
-
-	.error-message {
-		color: #ff4d4f;
-		font-size: 12px;
-		margin-top: 4px;
-	}
-
-	.modal-footer {
-		padding: 16px 20px;
-		border-top: 1px solid #eee;
-		display: flex;
-		justify-content: flex-end;
-		gap: 12px;
-	}
-
-	.cancel-btn {
-		padding: 8px 16px;
-		background-color: #f7f7f7;
-		border: 1px solid #ddd;
-		border-radius: 4px;
-		cursor: pointer;
-		font-size: 14px;
-		color: #666;
-	}
-
-	.add-btn {
-		padding: 8px 16px;
-		background-color: #1890ff;
-		color: white;
-		border: none;
-		border-radius: 4px;
-		cursor: pointer;
-		font-size: 14px;
-	}
-
-	.add-btn:disabled {
-		background-color: #bae7ff;
-		cursor: not-allowed;
-	}
-
-	.qr-code-container {
-		margin-top: 20px;
-		text-align: center;
-	}
-
-	.qr-code {
-		width: 200px;
-		height: 200px;
-		margin: 10px auto;
-		display: block;
-	}
-
-	.message-container {
-		margin-top: 20px;
-		padding: 12px;
-		background-color: #f6f6f6;
-		border-radius: 4px;
-	}
-
-	.message-container h3 {
-		margin-top: 0;
-		margin-bottom: 8px;
-		font-size: 16px;
-		color: #333;
-	}
-
-	.message-container p {
-		margin: 0;
-		color: #666;
-	}
-</style>
\ No newline at end of file
diff --git a/sau_frontend/src/components/ArticlePublishView.vue b/sau_frontend/src/components/ArticlePublishView.vue
deleted file mode 100644
index 4af07bd..0000000
--- a/sau_frontend/src/components/ArticlePublishView.vue
+++ /dev/null
@@ -1,131 +0,0 @@
-<template>
-  <div class="article-publish-view">
-    <h1>发布图文</h1>
-    
-    <!-- 标题 -->
-    <div class="form-group">
-      <label>标题：</label>
-      <div class="input-wrapper">
-        <input type="text" class="form-input" placeholder="请输入标题" />
-        <span class="character-count">0/30</span>
-      </div>
-    </div>
-    
-    <!-- 图片 -->
-    <div class="form-group">
-      <label>图片：</label>
-      <div class="image-upload-area">
-        <div class="upload-box">
-          <div class="plus-icon">+</div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- 活动 -->
-    <div class="form-group">
-      <label>活动：</label>
-      <div class="input-wrapper">
-        <input type="text" class="form-input" placeholder="请输入活动..." />
-      </div>
-    </div>
-    
-    <!-- 按钮区域 -->
-    <div class="action-buttons">
-      <button class="btn btn-preview">预览内容</button>
-      <button class="btn btn-publish">零点发布</button>
-    </div>
-  </div>
-</template>
-
-<script setup>
-// 这里可以添加组件逻辑
-</script>
-
-<style scoped>
-.article-publish-view {
-  padding: 20px;
-}
-
-h1 {
-  margin-bottom: 30px;
-  font-size: 24px;
-  font-weight: 500;
-}
-
-.form-group {
-  margin-bottom: 25px;
-}
-
-label {
-  display: block;
-  margin-bottom: 10px;
-  font-weight: 500;
-}
-
-.input-wrapper {
-  position: relative;
-}
-
-.form-input {
-  width: 100%;
-  padding: 10px 15px;
-  border: 1px solid #e0e0e0;
-  border-radius: 4px;
-  font-size: 14px;
-  outline: none;
-}
-
-.character-count {
-  position: absolute;
-  right: 10px;
-  top: 10px;
-  color: #999;
-  font-size: 12px;
-}
-
-.image-upload-area {
-  display: flex;
-  gap: 15px;
-}
-
-.upload-box {
-  width: 150px;
-  height: 150px;
-  border: 1px dashed #ccc;
-  border-radius: 4px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  background-color: #f9f9f9;
-}
-
-.plus-icon {
-  font-size: 40px;
-  color: #ccc;
-}
-
-.action-buttons {
-  display: flex;
-  gap: 15px;
-  margin-top: 30px;
-}
-
-.btn {
-  padding: 10px 20px;
-  border-radius: 4px;
-  border: none;
-  font-size: 14px;
-  cursor: pointer;
-}
-
-.btn-preview {
-  background-color: #fff;
-  border: 1px solid #e0e0e0;
-}
-
-.btn-publish {
-  background-color: #6366f1;
-  color: white;
-}
-</style>
\ No newline at end of file
diff --git a/sau_frontend/src/components/DataView.vue b/sau_frontend/src/components/DataView.vue
deleted file mode 100644
index 007c779..0000000
--- a/sau_frontend/src/components/DataView.vue
+++ /dev/null
@@ -1,26 +0,0 @@
-<template>
-  <div class="data-view">
-    <h1>数据</h1>
-    <div class="data-container">
-      <p>这里是数据分析的内容</p>
-    </div>
-  </div>
-</template>
-
-<style scoped>
-.data-view {
-  padding: 20px;
-}
-
-h1 {
-  margin-bottom: 20px;
-  font-size: 24px;
-}
-
-.data-container {
-  background-color: #fff;
-  border-radius: 8px;
-  padding: 20px;
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
-}
-</style>
\ No newline at end of file
diff --git a/sau_frontend/src/components/LoginModal.vue b/sau_frontend/src/components/LoginModal.vue
deleted file mode 100644
index 584d1ba..0000000
--- a/sau_frontend/src/components/LoginModal.vue
+++ /dev/null
@@ -1,209 +0,0 @@
-<template>
-  <div v-if="visible" class="login-modal-overlay" @click.self="closeModal">
-    <div class="login-modal">
-      <div class="login-header">
-        <h2>用户登录</h2>
-        <button class="close-btn" @click="closeModal">×</button>
-      </div>
-      <div class="login-body">
-        <div class="form-group">
-          <label for="username">用户名</label>
-          <input 
-            type="text" 
-            id="username" 
-            v-model="username" 
-            :class="{'error': errors.username}"
-            placeholder="请输入用户名"
-          />
-          <span class="error-message" v-if="errors.username">{{ errors.username }}</span>
-        </div>
-        <div class="form-group">
-          <label for="password">密码</label>
-          <input 
-            type="password" 
-            id="password" 
-            v-model="password" 
-            :class="{'error': errors.password}"
-            placeholder="请输入密码"
-          />
-          <span class="error-message" v-if="errors.password">{{ errors.password }}</span>
-        </div>
-        <div class="form-actions">
-          <button class="login-btn" @click="handleLogin">登录</button>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup>
-import { ref, reactive } from 'vue';
-
-
-const props = defineProps();
-const emit = defineEmits(['close', 'login-success']);
-
-const username = ref('');
-const password = ref('');
-const errors = reactive({
-  username: '',
-  password: ''
-});
-
-const validateForm = () => {
-  let isValid = true;
-  
-  // 重置错误信息
-  errors.username = '';
-  errors.password = '';
-  
-  // 验证用户名
-  if (!username.value) {
-    errors.username = '请输入用户名';
-    isValid = false;
-  } else if (username.value.length < 3) {
-    errors.username = '用户名长度不能少于3个字符';
-    isValid = false;
-  }
-  
-  // 验证密码
-  if (!password.value) {
-    errors.password = '请输入密码';
-    isValid = false;
-  } else if (password.value.length < 6) {
-    errors.password = '密码长度不能少于6个字符';
-    isValid = false;
-  }
-  
-  return isValid;
-};
-
-const handleLogin = () => {
-  if (validateForm()) {
-    // 模拟登录成功
-    setTimeout(() => {
-      // 这里可以添加实际的登录逻辑
-      console.log('登录成功', { username: username.value, password: password.value });
-      
-      // 发送登录成功事件
-      emit('login-success', { username: username.value });
-      
-      // 关闭模态窗
-      closeModal();
-      
-      // 清空表单
-      username.value = '';
-      password.value = '';
-    }, 500);
-  }
-};
-
-const closeModal = () => {
-  emit('close');
-};
-</script>
-
-<style scoped>
-.login-modal-overlay {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background-color: rgba(0, 0, 0, 0.5);
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  z-index: 1000;
-}
-
-.login-modal {
-  background-color: white;
-  border-radius: 8px;
-  width: 400px;
-  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
-  overflow: hidden;
-}
-
-.login-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 16px 20px;
-  border-bottom: 1px solid #eee;
-}
-
-.login-header h2 {
-  margin: 0;
-  font-size: 18px;
-  color: #333;
-}
-
-.close-btn {
-  background: none;
-  border: none;
-  font-size: 24px;
-  cursor: pointer;
-  color: #999;
-}
-
-.login-body {
-  padding: 20px;
-}
-
-.form-group {
-  margin-bottom: 16px;
-}
-
-.form-group label {
-  display: block;
-  margin-bottom: 8px;
-  font-size: 14px;
-  color: #333;
-}
-
-.form-group input {
-  width: 100%;
-  padding: 10px 12px;
-  border: 1px solid #ddd;
-  border-radius: 4px;
-  font-size: 14px;
-  transition: border-color 0.3s;
-}
-
-.form-group input:focus {
-  outline: none;
-  border-color: #4e6ef2;
-}
-
-.form-group input.error {
-  border-color: #f56c6c;
-}
-
-.error-message {
-  display: block;
-  color: #f56c6c;
-  font-size: 12px;
-  margin-top: 4px;
-}
-
-.form-actions {
-  margin-top: 24px;
-}
-
-.login-btn {
-  width: 100%;
-  background-color: #4e6ef2;
-  color: white;
-  border: none;
-  border-radius: 4px;
-  padding: 12px 0;
-  font-size: 16px;
-  cursor: pointer;
-  transition: background-color 0.3s;
-}
-
-.login-btn:hover {
-  background-color: #3c5ae4;
-}
-</style>
\ No newline at end of file
diff --git a/sau_frontend/src/components/MaterialLibraryView.vue b/sau_frontend/src/components/MaterialLibraryView.vue
deleted file mode 100644
index ba6114d..0000000
--- a/sau_frontend/src/components/MaterialLibraryView.vue
+++ /dev/null
@@ -1,688 +0,0 @@
-<template>
-  <div class="material-library-container">
-    <h1>素材库</h1>
-    
-    <!-- 操作栏 -->
-    <div class="action-bar">
-      <button class="upload-btn" @click="showUploadModal">
-        <i class="upload-icon">↑</i> 上传素材
-      </button>
-      <button class="batch-btn">
-        批量操作
-      </button>
-      <!-- 添加搜索框 -->
-      <div class="search-container">
-        <input 
-          type="text" 
-          v-model="searchQuery" 
-          placeholder="搜索素材名称" 
-          class="search-input"
-          @input="searchMaterials"
-        />
-        <i class="search-icon">🔍</i>
-      </div>
-    </div>
-    
-    <!-- 素材列表 -->
-    <div v-if="filteredMaterials.length > 0" class="materials-grid">
-      <div v-for="material in filteredMaterials" :key="material.file_name" class="material-card">
-        <!-- 视频预览 -->
-        <div class="material-preview">
-          <img src="@/assets/bofang.png" alt="播放图标" class="play-icon">
-          <button class="delete-btn" @click="deleteMaterial(material)" title="删除素材">×</button>
-        </div>
-        
-        <!-- 素材信息 -->
-        <div class="material-info">
-          <div class="material-name">{{ material.filename }}</div>
-          <div class="material-meta">
-            <!-- <span>{{ material.filename }}</span> -->
-            <span>{{ formatFileSize(material.filesize) }}</span>
-            <span>{{ formatDate(material.upload_time) }}</span>
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- 空状态 -->
-    <div v-else class="empty-state">
-      <div class="empty-image"></div>
-      <p class="empty-text">暂无素材，点击上传素材按钮添加</p>
-    </div>
-    
-    <!-- 上传素材弹窗 -->
-    <div class="upload-modal" v-if="isUploadModalVisible">
-      <div class="upload-modal-content">
-        <div class="modal-header">
-          <h3>上传素材</h3>
-          <button class="close-btn" @click="hideUploadModal">×</button>
-        </div>
-        <div class="modal-body">
-          <div class="filename-input">
-            <input 
-              type="text" 
-              v-model="customFilename" 
-              placeholder="输入文件名称（可选）" 
-              class="filename-field"
-            />
-          </div>
-          
-          <div class="upload-area" @click="triggerFileInput">
-            <div v-if="!selectedFile" class="upload-placeholder">
-              <span>点击上传素材</span>
-              <div class="upload-hint">图片最大支持20M</div>
-            </div>
-            <div v-else class="preview-container">
-              <video v-if="isVideo(selectedFile.name)" controls class="file-preview">
-                <source :src="previewUrl" type="video/mp4">
-              </video>
-              <img v-else :src="previewUrl" alt="预览" class="file-preview">
-              <button class="remove-file-btn" @click.stop="removeSelectedFile">×</button>
-            </div>
-          </div>
-          
-          <div class="modal-footer">
-            <button class="cancel-btn" @click="hideUploadModal">取消</button>
-            <button 
-              class="upload-submit-btn" 
-              :disabled="!selectedFile || isUploading" 
-              @click="uploadMaterial"
-            >
-              {{ isUploading ? '上传中...' : '上传' }}
-            </button>
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- 隐藏的文件输入 -->
-    <input 
-      type="file" 
-      ref="fileInput" 
-      style="display: none" 
-      @change="handleFileSelected" 
-      accept="image/*,video/*"
-    />
-  </div>
-</template>
-
-<script setup>
-import { ref, onMounted } from 'vue';
-import axios from 'axios';
-
-// 素材列表
-const materials = ref([]);
-const filteredMaterials = ref([]);
-const searchQuery = ref('');
-
-// 上传弹窗状态
-const isUploadModalVisible = ref(false);
-const isUploading = ref(false);
-const selectedFile = ref(null);
-const previewUrl = ref('');
-const customFilename = ref('');
-const fileInput = ref(null);
-
-// 显示上传弹窗
-const showUploadModal = () => {
-  isUploadModalVisible.value = true;
-  selectedFile.value = null;
-  previewUrl.value = '';
-  customFilename.value = '';
-  // 重置文件输入框，确保每次打开弹窗都能正常选择文件
-  if (fileInput.value) {
-    fileInput.value.value = '';
-  }
-};
-
-// 隐藏上传弹窗
-const hideUploadModal = () => {
-  isUploadModalVisible.value = false;
-  // 清理预览URL
-  if (previewUrl.value) {
-    URL.revokeObjectURL(previewUrl.value);
-    previewUrl.value = '';
-  }
-};
-
-// 移除点击弹窗外部关闭的函数，不再需要
-// const closeModalOnOutsideClick = (event) => {
-//   if (event.target.classList.contains('upload-modal')) {
-//     hideUploadModal();
-//   }
-// };
-
-// 触发文件选择
-const triggerFileInput = () => {
-  fileInput.value?.click();
-};
-
-// 处理文件选择
-const handleFileSelected = (event) => {
-  const file = event.target.files[0];
-  if (file) {
-    selectedFile.value = file;
-    previewUrl.value = URL.createObjectURL(file);
-    
-    // 如果没有自定义文件名，使用原始文件名
-    if (!customFilename.value) {
-      customFilename.value = file.name;
-    }
-  }
-};
-
-// 移除已选择的文件
-const removeSelectedFile = () => {
-  if (previewUrl.value) {
-    URL.revokeObjectURL(previewUrl.value);
-  }
-  selectedFile.value = null;
-  previewUrl.value = '';
-  if (fileInput.value) {
-    fileInput.value.value = '';
-  }
-};
-
-// 上传素材
-const uploadMaterial = async () => {
-  if (!selectedFile.value) return;
-  
-  isUploading.value = true;
-  
-  try {
-    const formData = new FormData();
-    formData.append('file', selectedFile.value);
-    console.log('上传文件:', selectedFile.value);
-    console.log('上传文件类型：', selectedFile.value.type);
-    
-    // 使用自定义文件名或原始文件名
-    const filename = customFilename.value || selectedFile.value.name;
-    formData.append('filename', filename);
-    console.log('上传文件名:', filename);
-    
-    const response = await axios.post('/api/uploadSave', formData);
-    console.log('上传响应:', response.data);
-    if (response.data.code === 200) {
-      // 上传成功，刷新素材列表
-      fetchMaterials();
-      hideUploadModal();
-    } else {
-      alert('上传失败: ' + (response.data.message || '未知错误'));
-    }
-  } catch (error) {
-    console.error('上传素材失败:', error);
-    alert('上传失败: ' + (error.response?.data?.message || error.message || '未知错误'));
-  } finally {
-    isUploading.value = false;
-  }
-};
-
-// 搜索素材
-const searchMaterials = () => {
-  if (!searchQuery.value) {
-    filteredMaterials.value = materials.value;
-    return;
-  }
-  
-  const query = searchQuery.value.toLowerCase();
-  filteredMaterials.value = materials.value.filter(material => {
-    return material.filename && material.filename.toLowerCase().includes(query);
-  });
-};
-
-// 获取素材列表
-const fetchMaterials = async () => {
-  try {
-    const response = await axios.get(`/api/getFiles`);
-    console.log('获取素材列表响应:', response.data);
-    
-    if (response.data.code === 200) {
-      // 处理文件路径，添加完整的请求地址
-      const materialItems = (response.data.data || []).map(item => {
-        return {
-          ...item,
-          file_path: `/api${item.file_path}` // 添加API前缀到文件路径
-        };
-      });
-      
-      // 对每个素材调用getFile接口获取视频数据
-      const materialPromises = materialItems.map(async (item) => {
-        try {
-          // 从file_path中提取文件名
-          const filename = item.file_path.split('/').pop();
-          if (!filename) return item;
-          
-          // 调用getFile接口获取视频数据
-          const fileResponse = await axios.get(`/api/getFile`, {
-            params: { filename: filename }
-          });
-          
-          console.log(`获取素材 ${filename} 数据:`, fileResponse.data);
-          
-          if (fileResponse.data.code === 200) {
-            // 将获取的视频数据合并到素材对象中
-            return {
-              ...item,
-              videoData: fileResponse.data.data
-            };
-          }
-          return item;
-        } catch (error) {
-          console.error(`获取素材 ${item.filename || item.file_name} 数据失败:`, error);
-          return item;
-        }
-      });
-      
-      // 等待所有getFile请求完成
-      materials.value = await Promise.all(materialPromises);
-      
-      // 初始化过滤后的素材列表
-      filteredMaterials.value = materials.value;
-      console.log('处理后的素材列表:', materials.value);
-    } else {
-      console.error('获取素材列表失败:', response.data.message);
-    }
-  } catch (error) {
-    console.error('获取素材列表失败:', error);
-  }
-};
-
-// 删除素材
-const deleteMaterial = async (material) => {
-  console.log('要删除的素材:', material);
-  if (confirm(`确定要删除素材 ${material.filename || material.file_name} 吗？`)) {
-    try {
-      // 调用删除API
-      const response = await axios.get(`/api/deleteFile?id=${material.id}`);
-      console.log('删除素材响应:', response.data);
-      
-      if (response.data.code === 200) {
-        // 删除成功，刷新素材列表
-        fetchMaterials();
-        alert('删除成功');
-      } else {
-        alert('删除失败: ' + (response.data.message || '未知错误'));
-      }
-    } catch (error) {
-      console.error('删除素材失败:', error);
-      alert('删除失败: ' + (error.response?.data?.message || error.message || '未知错误'));
-    }
-  }
-};
-
-// 格式化文件大小
-const formatFileSize = (bytes) => {
-  if (!bytes || bytes === 0) return '0 B';
-  
-  const units = ['B', 'KB', 'MB', 'GB'];
-  let size = bytes;
-  let unitIndex = 0;
-  
-  while (size >= 1024 && unitIndex < units.length - 1) {
-    size /= 1024;
-    unitIndex++;
-  }
-  
-  return `${size.toFixed(2)} ${units[unitIndex]}`;
-};
-
-// 格式化日期
-const formatDate = (timestamp) => {
-  if (!timestamp) return '';
-  
-  const date = new Date(timestamp);
-  return date.toLocaleDateString('zh-CN', { 
-    year: 'numeric', 
-    month: '2-digit', 
-    day: '2-digit',
-    hour: '2-digit',
-    minute: '2-digit'
-  });
-};
-
-// 判断是否为视频文件
-const isVideo = (filename) => {
-  if (!filename) return false;
-  const videoExtensions = ['.mp4', '.avi', '.mov', '.wmv', '.flv', '.mkv'];
-  return videoExtensions.some(ext => filename.toLowerCase().endsWith(ext));
-};
-
-// 组件挂载时获取素材列表
-onMounted(() => {
-  fetchMaterials();
-});
-</script>
-
-<style scoped>
-.material-library-container {
-  padding: 20px;
-}
-
-h1 {
-  margin-bottom: 20px;
-  font-size: 24px;
-  font-weight: 500;
-}
-
-/* 操作栏样式 */
-.action-bar {
-  display: flex;
-  justify-content: flex-start;
-  margin-bottom: 20px;
-  gap: 15px;
-  align-items: center;
-}
-
-.upload-btn {
-  background-color: #6366f1;
-  color: white;
-  border: none;
-  border-radius: 4px;
-  padding: 8px 15px;
-  display: flex;
-  align-items: center;
-  cursor: pointer;
-  font-size: 14px;
-}
-
-.upload-icon {
-  margin-right: 5px;
-  font-size: 16px;
-}
-
-.batch-btn {
-  background-color: white;
-  border: 1px solid #e0e0e0;
-  border-radius: 4px;
-  padding: 8px 15px;
-  cursor: pointer;
-  font-size: 14px;
-}
-
-/* 素材网格样式 */
-.materials-grid {
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
-  gap: 20px;
-  margin-top: 20px;
-}
-
-.material-card {
-  background-color: white;
-  border-radius: 8px;
-  overflow: hidden;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-  transition: transform 0.2s;
-}
-
-.material-card:hover {
-  transform: translateY(-5px);
-}
-
-.material-preview {
-  position: relative;
-  height: 150px;
-  background-color: #f5f5f5;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  overflow: hidden;
-}
-
-.material-preview video,
-.material-preview img {
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-}
-
-.delete-btn {
-  position: absolute;
-  top: 5px;
-  right: 5px;
-  width: 24px;
-  height: 24px;
-  border-radius: 50%;
-  background-color: rgba(0, 0, 0, 0.5);
-  color: white;
-  border: none;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  font-size: 16px;
-  opacity: 0;
-  transition: opacity 0.2s;
-}
-
-.material-card:hover .delete-btn {
-  opacity: 1;
-}
-
-.material-info {
-  padding: 10px;
-}
-
-.material-name {
-  font-size: 14px;
-  font-weight: 500;
-  margin-bottom: 5px;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.material-meta {
-  display: flex;
-  justify-content: space-between;
-  font-size: 12px;
-  color: #666;
-}
-
-/* 空状态样式 */
-.empty-state {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  padding: 100px 0;
-  background-color: #fff;
-  border-radius: 8px;
-  margin-top: 20px;
-}
-
-.empty-image {
-  width: 120px;
-  height: 120px;
-  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23d1d5db" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"><path d="M22 12h-4l-3 9L9 3l-3 9H2"/></svg>');
-  background-repeat: no-repeat;
-  background-position: center;
-  background-size: contain;
-  margin-bottom: 20px;
-  opacity: 0.5;
-}
-
-.empty-text {
-  color: #9ca3af;
-  font-size: 14px;
-}
-
-/* 上传弹窗样式 */
-.upload-modal {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  background-color: rgba(0, 0, 0, 0.5);
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  z-index: 1000;
-}
-
-.upload-modal-content {
-  background-color: white;
-  border-radius: 8px;
-  width: 500px;
-  max-width: 90%;
-  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
-  overflow: hidden;
-}
-
-.modal-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 15px 20px;
-  border-bottom: 1px solid #eee;
-}
-
-.modal-header h3 {
-  margin: 0;
-  font-size: 18px;
-  font-weight: 500;
-}
-
-.close-btn {
-  background: none;
-  border: none;
-  font-size: 20px;
-  cursor: pointer;
-  color: #999;
-}
-
-.modal-body {
-  padding: 20px;
-}
-
-.filename-input {
-  margin-bottom: 15px;
-}
-
-.filename-field {
-  width: 100%;
-  padding: 8px 12px;
-  border: 1px solid #ddd;
-  border-radius: 4px;
-  font-size: 14px;
-}
-
-.upload-area {
-  border: 2px dashed #ddd;
-  border-radius: 8px;
-  padding: 30px;
-  text-align: center;
-  cursor: pointer;
-  margin-bottom: 20px;
-  min-height: 200px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.upload-area:hover {
-  border-color: #6366f1;
-}
-
-.upload-placeholder {
-  color: #666;
-}
-
-.upload-hint {
-  margin-top: 10px;
-  font-size: 12px;
-  color: #999;
-}
-
-.preview-container {
-  position: relative;
-  width: 100%;
-  height: 100%;
-  min-height: 150px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.file-preview {
-  max-width: 100%;
-  max-height: 200px;
-  object-fit: contain;
-}
-
-.remove-file-btn {
-  position: absolute;
-  top: 5px;
-  right: 5px;
-  width: 24px;
-  height: 24px;
-  border-radius: 50%;
-  background-color: rgba(0, 0, 0, 0.5);
-  color: white;
-  border: none;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  font-size: 16px;
-}
-
-.modal-footer {
-  display: flex;
-  justify-content: flex-end;
-  gap: 10px;
-  margin-top: 20px;
-}
-
-.cancel-btn {
-  padding: 8px 15px;
-  border: 1px solid #ddd;
-  border-radius: 4px;
-  background-color: white;
-  cursor: pointer;
-}
-
-.upload-submit-btn {
-  padding: 8px 15px;
-  border: none;
-  border-radius: 4px;
-  background-color: #6366f1;
-  color: white;
-  cursor: pointer;
-}
-
-.upload-submit-btn:disabled {
-  background-color: #a5a6f6;
-  cursor: not-allowed;
-}
-
-/* 搜索框样式 */
-.search-container {
-  position: relative;
-  flex-grow: 1;
-  max-width: 300px;
-}
-
-.search-input {
-  width: 100%;
-  padding: 8px 12px 8px 30px;
-  border: 1px solid #e0e0e0;
-  border-radius: 4px;
-  font-size: 14px;
-  outline: none;
-}
-
-.search-input:focus {
-  border-color: #6366f1;
-}
-
-.search-icon {
-  position: absolute;
-  left: 10px;
-  top: 50%;
-  transform: translateY(-50%);
-  font-size: 14px;
-  color: #999;
-}
-</style>
\ No newline at end of file
diff --git a/sau_frontend/src/components/MultiPublishView.vue b/sau_frontend/src/components/MultiPublishView.vue
deleted file mode 100644
index 0488f6b..0000000
--- a/sau_frontend/src/components/MultiPublishView.vue
+++ /dev/null
@@ -1,2303 +0,0 @@
-<template>
-	<div class="multi-publish-container">
-		<h1>多平台发布</h1>
-
-		<!-- 添加发布按钮 -->
-		<div class="action-bar">
-			<button class="add-publish-btn" @click="showPlatformModal">
-				<i class="add-icon">+</i> 添加发布
-			</button>
-		</div>
-
-		<!-- 平台选择弹窗 -->
-		<div class="platform-modal" v-if="isPlatformModalVisible" @click="closeModalOnOutsideClick">
-			<div class="platform-modal-content">
-				<div class="modal-header">
-					<h3>选择平台</h3>
-					<button class="close-btn" @click="hidePlatformModal">×</button>
-				</div>
-				<div class="modal-body">
-					<div class="platform-options">
-						<div class="platform-option" :class="{ 'selected': selectedPlatform === 3 }"
-							@click="selectPlatform(3)">
-							<div class="platform-icon douyin-icon"></div>
-							<span>抖音</span>
-						</div>
-						<div class="platform-option" :class="{ 'selected': selectedPlatform === 4 }"
-							@click="selectPlatform(4)">
-							<div class="platform-icon kuaishou-icon"></div>
-							<span>快手</span>
-						</div>
-						<div class="platform-option" :class="{ 'selected': selectedPlatform === 1 }"
-							@click="selectPlatform(1)">
-							<div class="platform-icon xiaohongshu-icon"></div>
-							<span>小红书</span>
-						</div>
-						<div class="platform-option" :class="{ 'selected': selectedPlatform === 2 }"
-							@click="selectPlatform(2)">
-							<div class="platform-icon shipinhao-icon"></div>
-							<span>视频号</span>
-						</div>
-					</div>
-				</div>
-				<div class="modal-footer">
-					<button class="cancel-btn" @click="hidePlatformModal">取消</button>
-					<button class="confirm-btn" @click="confirmPlatformSelection">确认</button>
-				</div>
-			</div>
-		</div>
-
-		<!-- 发布卡片容器 -->
-		<div class="publish-cards-container">
-			<!-- 滚动控制按钮 -->
-			<button v-if="publishCards.length > 2" class="scroll-btn scroll-left" @click="scrollLeft">
-				<span>&lt;</span>
-			</button>
-
-			<!-- 卡片滚动区域 -->
-			<div class="cards-scroll-area" ref="cardsContainer">
-				<div v-if="publishCards.length === 0" class="empty-state">
-					<p>暂无发布卡片，点击"添加发布"创建新卡片</p>
-				</div>
-
-				<div v-for="(card, index) in publishCards" :key="card.id" class="publish-card">
-					<!-- 卡片头部 -->
-					<div class="card-header">
-						<div class="platform-info">
-							<div :class="['platform-icon', getPlatformIconClass(card.platform)]"></div>
-							<span>{{ getPlatformName(card.platform) }}</span>
-						</div>
-						<div class="card-actions">
-							<button class="delete-card-btn" @click="deleteCard(index)">删除</button>
-						</div>
-					</div>
-
-					<!-- 卡片内容 -->
-					<div class="card-content">
-						<!-- 账号选择 -->
-						<div class="card-section">
-							<div class="section-title">账号</div>
-							<div class="account-selector" @click="showAccountSelector(index)">
-								<div v-if="!card.selectedAccount" class="account-placeholder">
-									<span>+ 选择账号</span>
-								</div>
-								<div v-else class="selected-account">
-									<img :src="card.selectedAccount.avatar" alt="账号头像" class="account-avatar" />
-									<span class="account-name">{{ card.selectedAccount.name }}</span>
-									<span class="account-status"
-										:class="card.selectedAccount.statusType">{{ card.selectedAccount.status }}</span>
-								</div>
-							</div>
-						</div>
-
-						<!-- 发布类型选择 -->
-						<div class="card-section">
-							<div class="section-title">发布类型</div>
-							<div class="publish-type-selector">
-								<button class="type-btn" :class="{ 'active': card.publishType === 'video' }"
-									@click="setPublishType(index, 'video')">
-									视频
-								</button>
-								<button class="type-btn" :class="{ 'active': card.publishType === 'image' }"
-									@click="setPublishType(index, 'image')">
-									图文
-								</button>
-							</div>
-						</div>
-
-						<!-- 媒体上传区域 -->
-						<div class="card-section media-section">
-							<div class="section-title">{{ card.publishType === 'video' ? '视频' : '图片' }}</div>
-							<div class="media-upload-container">
-								<!-- 视频上传区域 -->
-								<div v-if="card.publishType === 'video'" class="videos-container">
-									<div class="video-upload-area" @click="triggerMediaUpload(index)"
-										v-if="card.mediaList.length < 5">
-										<div class="upload-icon">
-											<span class="icon">↑</span>
-											<span class="text">上传</span>
-										</div>
-									</div>
-									<div v-for="(media, mediaIndex) in card.mediaList" :key="mediaIndex"
-										class="video-preview media-item">
-										<video controls :src="media.previewUrl"></video>
-										<div class="media-actions">
-											<button class="remove-btn"
-												@click.stop="removeMedia(index, mediaIndex)">删除</button>
-										</div>
-									</div>
-								</div>
-
-								<!-- 图片上传区域 -->
-								<div v-else class="images-container">
-									<div class="image-upload-area" @click="triggerMediaUpload(index)"
-										v-if="card.mediaList.length < 9">
-										<div class="upload-icon">
-											<span class="icon">↑</span>
-											<span class="text">上传</span>
-										</div>
-									</div>
-									<div v-for="(media, mediaIndex) in card.mediaList" :key="mediaIndex"
-										class="image-preview">
-										<img :src="media.previewUrl" alt="预览图片" />
-										<div class="media-actions">
-											<button class="remove-btn"
-												@click.stop="removeMedia(index, mediaIndex)">删除</button>
-										</div>
-									</div>
-								</div>
-							</div>
-							<div class="media-count" v-if="card.mediaList.length > 0">
-								已上传 {{ card.mediaList.length }} 个{{ card.publishType === 'video' ? '视频' : '图片' }}
-								(最多{{ card.publishType === 'video' ? '5' : '9' }}个)
-							</div>
-						</div>
-
-						<!-- 标题输入区域 -->
-						<div class="card-section">
-							<div class="section-title">标题</div>
-							<div class="title-input-container">
-								<textarea v-model="card.title" @input="updateCharCount(index)" placeholder="请输入标题"
-									maxlength="100" rows="2"></textarea>
-								<div class="char-count">{{ card.charCount }}/100</div>
-							</div>
-						</div>
-
-						<!-- 话题选择区域 -->
-						<div class="card-section">
-							<div class="section-title">话题</div>
-							<div class="tags-container">
-								<div v-for="(tag, tagIndex) in card.tags" :key="tagIndex" class="tag">
-									{{ tag }}
-									<span class="remove-tag" @click="removeTag(index, tagIndex)">×</span>
-								</div>
-								<div class="add-tag" @click="showTagSelector(index)">+ 添加话题</div>
-							</div>
-						</div>
-
-						<!-- 定时发布设置 -->
-						<div class="card-section">
-							<div class="section-title">
-								<div class="timer-toggle">
-									<label class="switch">
-										<input type="checkbox" v-model="card.enableTimer" @change="toggleTimer(index)">
-										<span class="slider round"></span>
-									</label>
-									<span class="toggle-label">定时发布</span>
-								</div>
-							</div>
-							<div v-if="card.enableTimer" class="timer-settings">
-								<div class="setting-item">
-									<label class="setting-label">每天发布视频数</label>
-									<select v-model="card.videosPerDay" @change="updateDailyTimes(index)" class="setting-select">
-										<option value="1">1个</option>
-										<option value="2">2个</option>
-										<option value="3">3个</option>
-										<option value="4">4个</option>
-										<option value="5">5个</option>
-									</select>
-								</div>
-								<div class="setting-item">
-									<label class="setting-label">每天发布时间</label>
-									<div class="time-slots">
-										<input v-for="(time, timeIndex) in card.dailyTimes" :key="timeIndex" type="time"
-											v-model="card.dailyTimes[timeIndex]" class="time-input">
-									</div>
-								</div>
-								<div class="setting-item">
-									<label class="setting-label">开始天数</label>
-									<div class="days-setting">
-										<input type="number" v-model="card.startDays" min="1" max="30" class="days-input">
-										<span class="days-unit">天后开始</span>
-									</div>
-								</div>
-							</div>
-						</div>
-
-						<!-- 发布按钮 -->
-						<div class="card-actions-bottom">
-							<button class="publish-btn" @click="publishContent(index)"
-								:disabled="!isCardValid(card) || card.isUploading">
-								{{ card.isUploading ? '上传中...' : '发布' }}
-							</button>
-						</div>
-					</div>
-				</div>
-			</div>
-
-			<!-- 滚动控制按钮 -->
-			<button v-if="publishCards.length > 2" class="scroll-btn scroll-right" @click="scrollRight">
-				<span>&gt;</span>
-			</button>
-		</div>
-
-		<!-- 账号选择弹窗 -->
-		<div class="account-selector-modal" v-if="isAccountSelectorVisible" @click="closeAccountModalOnOutsideClick">
-			<div class="account-selector-content">
-				<div class="modal-header">
-					<h3>选择账号</h3>
-					<button class="refresh-btn" @click.stop="refreshAccounts" title="刷新账号列表">
-						<span class="refresh-icon">↻</span>
-					</button>
-					<button class="close-btn" @click="hideAccountSelector">×</button>
-				</div>
-				<div class="modal-body">
-					<div v-if="isAccountsLoading" class="loading-accounts">
-						<span>加载账号中...</span>
-					</div>
-					<div v-else-if="filteredAccountList.length === 0" class="no-accounts">
-						<span>暂无可用账号</span>
-					</div>
-					<div v-else class="account-list">
-						<div v-for="account in filteredAccountList" :key="account.id" class="account-item"
-							@click="selectAccount(account)">
-							<img :src="account.avatar" alt="账号头像" class="account-avatar" />
-							<div class="account-info">
-								<div class="account-name">{{ account.name }}</div>
-								<div class="account-status" :class="account.statusType">{{ account.status }}</div>
-							</div>
-						</div>
-					</div>
-				</div>
-			</div>
-		</div>
-
-		<!-- 话题选择弹窗 -->
-		<div class="tag-selector-modal" v-if="isTagSelectorVisible" @click="closeTagSelectorOnOutsideClick">
-			<div class="tag-selector-content">
-				<div class="modal-header">
-					<h3>选择话题</h3>
-					<button class="close-btn" @click="hideTagSelector">×</button>
-				</div>
-				<div class="modal-body">
-					<div class="custom-tag-input">
-						<input v-model="customTag" placeholder="输入自定义话题" @keyup.enter="addCustomTag" />
-						<button @click="addCustomTag">添加</button>
-					</div>
-					<div class="suggested-tags">
-						<h4>推荐话题</h4>
-						<div class="tag-grid">
-							<div v-for="tag in suggestedTags" :key="tag" class="suggested-tag"
-								@click="addSuggestedTag(tag)">
-								{{ tag }}
-							</div>
-						</div>
-					</div>
-				</div>
-			</div>
-		</div>
-
-		<!-- 视频来源选择器 -->
-		<div class="source-selector" v-if="isSourceSelectorVisible" @click="hideSourceSelector">
-			<div class="source-selector-content" @click.stop>
-				<div class="source-option" @click="selectLocalSource">
-					<div class="source-icon local-icon">
-						<i class="icon-upload">📁</i>
-					</div>
-					<span class="source-text">本地视频</span>
-				</div>
-				<div class="source-option" @click="showMaterialLibrary">
-					<div class="source-icon library-icon">
-						<i class="icon-library">🎬</i>
-					</div>
-					<span class="source-text">素材库</span>
-				</div>
-			</div>
-		</div>
-
-		<!-- 素材库选择弹窗 -->
-		<div class="material-library-modal" v-if="isMaterialLibraryVisible" @click="closeMaterialLibraryOnOutsideClick">
-			<div class="material-library-content">
-				<div class="modal-header">
-					<h3>选择素材</h3>
-					<button class="close-btn" @click="hideMaterialLibrary">×</button>
-				</div>
-				<div class="modal-body">
-					<div v-if="isLoadingMaterials" class="loading-materials">
-						<span>加载素材中...</span>
-					</div>
-					<div v-else-if="materialList.length === 0" class="no-materials">
-						<span>暂无可用素材</span>
-					</div>
-					<div v-else class="material-grid">
-						<div v-for="material in materialList" :key="material.id" class="material-item"
-							:class="{ 'selected': selectedMaterial === material.id }" @click="selectMaterial(material)">
-							<div class="material-checkbox">
-								<div class="checkbox" :class="{ 'checked': selectedMaterial === material.id }"></div>
-							</div>
-							<div class="material-preview">
-								<img src="@/assets/bofang.png" alt="播放图标" class="play-icon">
-								<button class="delete-btn" @click.stop="deleteMaterial(material)" title="删除素材">×</button>
-							</div>
-							<div class="material-info">
-								<div class="material-name">{{ material.filename }}</div>
-								<div class="material-meta">
-									<span>{{ formatFileSize(material.filesize) }}</span>
-									<span>{{ formatDate(material.upload_time) }}</span>
-								</div>
-							</div>
-						</div>
-					</div>
-				</div>
-				<div class="modal-footer">
-					<button class="cancel-btn" @click="hideMaterialLibrary">取消</button>
-					<button class="confirm-btn" @click="confirmMaterialSelection"
-						:disabled="!selectedMaterial">确认</button>
-				</div>
-			</div>
-		</div>
-
-		<!-- 隐藏的文件输入 -->
-		<input type="file" ref="mediaInput" style="display: none" @change="handleMediaUpload" />
-	</div>
-</template>
-
-<script setup>
-	import {
-		ref,
-		computed,
-		onMounted,
-		onUnmounted,
-		watch
-	} from 'vue';
-	import {
-		globalAccountsCache
-	} from '../config';
-	import axios from 'axios';
-	import tx from '@assets/fengbaobao.png'
-
-	// 推荐话题列表
-	const suggestedTags = ['游戏', '电影', '音乐', '美食', '旅行', '文化', '科技', '生活', '娱乐', '体育', '教育', '艺术', '健康', '时尚'];
-
-	// 平台弹窗状态
-	const isPlatformModalVisible = ref(false);
-	const selectedPlatform = ref(null);
-
-	// 账号选择状态
-	const isAccountSelectorVisible = ref(false);
-	const isAccountsLoading = ref(false);
-	const accountList = ref([]);
-	const currentCardIndex = ref(-1);
-
-	// 话题选择状态
-	const isTagSelectorVisible = ref(false);
-	const customTag = ref('');
-
-	// 媒体上传
-	const mediaInput = ref(null);
-	const currentUploadCardIndex = ref(-1);
-
-	// 卡片容器引用
-	const cardsContainer = ref(null);
-
-	// 发布卡片列表
-	const publishCards = ref([]);
-
-	// 显示平台选择弹窗
-	const showPlatformModal = () => {
-		isPlatformModalVisible.value = true;
-		selectedPlatform.value = null;
-	};
-
-	// 隐藏平台选择弹窗
-	const hidePlatformModal = () => {
-		isPlatformModalVisible.value = false;
-	};
-
-	// 点击弹窗外部关闭
-	const closeModalOnOutsideClick = (event) => {
-		if (event.target.classList.contains('platform-modal')) {
-			hidePlatformModal();
-		}
-	};
-
-	// 选择平台
-	const selectPlatform = (platformId) => {
-		selectedPlatform.value = platformId;
-	};
-
-	// 确认平台选择并创建卡片
-	const confirmPlatformSelection = () => {
-		if (selectedPlatform.value) {
-			// 创建新的发布卡片
-			const newCard = {
-				id: Date.now().toString(),
-				platform: selectedPlatform.value,
-				selectedAccount: null,
-				publishType: 'video', // 默认为视频类型
-				mediaList: [],
-				title: '',
-				charCount: 0,
-				tags: [],
-				isUploading: false,
-				file_list: [], // 保存上传后的fileID
-				// 定时发布相关属性
-				enableTimer: false,
-				videosPerDay: 1,
-				dailyTimes: ['09:00'],
-				startDays: 1
-			};
-
-			publishCards.value.push(newCard);
-			hidePlatformModal();
-		} else {
-			alert('请选择一个平台');
-		}
-	};
-
-	// 删除卡片
-	const deleteCard = (index) => {
-		// 清理媒体资源
-		publishCards.value[index].mediaList.forEach(media => {
-			if (media.previewUrl) {
-				URL.revokeObjectURL(media.previewUrl);
-			}
-		});
-
-		// 移除卡片
-		publishCards.value.splice(index, 1);
-	};
-
-	// 获取平台名称
-	const getPlatformName = (platformId) => {
-		switch (platformId) {
-			case 3:
-				return '抖音';
-			case 4:
-				return '快手';
-			case 1:
-				return '小红书';
-			case 2:
-				return '视频号';
-			default:
-				return '未知平台';
-		}
-	};
-
-	// 获取平台图标类名
-	const getPlatformIconClass = (platformId) => {
-		switch (platformId) {
-			case 3:
-				return 'douyin-icon';
-			case 4:
-				return 'kuaishou-icon';
-			case 1:
-				return 'xiaohongshu-icon';
-			case 2:
-				return 'shipinhao-icon';
-			default:
-				return '';
-		}
-	};
-
-	// 设置发布类型
-	const setPublishType = (cardIndex, type) => {
-		const card = publishCards.value[cardIndex];
-
-		// 如果类型不同，清空已上传的媒体
-		if (card.publishType !== type) {
-			// 清理媒体资源
-			card.mediaList.forEach(media => {
-				if (media.previewUrl) {
-					URL.revokeObjectURL(media.previewUrl);
-				}
-			});
-
-			card.mediaList = [];
-			card.file_list = [];
-		}
-
-		card.publishType = type;
-	};
-
-	// 视频来源选择器相关
-	const isSourceSelectorVisible = ref(false); // 视频来源选择器是否可见
-	const currentSourceCardIndex = ref(-1); // 当前操作的卡片索引
-
-	// 素材库选择相关
-	const isMaterialLibraryVisible = ref(false); // 素材库选择器是否可见
-	const isLoadingMaterials = ref(false); // 素材加载状态
-	const materialList = ref([]); // 素材列表
-	const selectedMaterial = ref(null); // 选中的素材ID
-
-	// 触发媒体上传
-	const triggerMediaUpload = (cardIndex) => {
-		currentUploadCardIndex.value = cardIndex;
-
-		// 设置接受的文件类型
-		const card = publishCards.value[cardIndex];
-		if (card.publishType === 'video') {
-			// 显示视频来源选择器
-			currentSourceCardIndex.value = cardIndex;
-			isSourceSelectorVisible.value = true;
-		} else {
-			// 图片直接触发上传
-			mediaInput.value.accept = 'image/*';
-			mediaInput.value?.click();
-		}
-	};
-
-	// 隐藏视频来源选择器
-	const hideSourceSelector = () => {
-		isSourceSelectorVisible.value = false;
-	};
-
-	// 选择本地视频源
-	const selectLocalSource = () => {
-		hideSourceSelector();
-		mediaInput.value.accept = 'video/*';
-		mediaInput.value?.click();
-	};
-
-	// 显示素材库
-	const showMaterialLibrary = () => {
-		hideSourceSelector();
-		isMaterialLibraryVisible.value = true;
-		fetchMaterials();
-	};
-
-	// 隐藏素材库
-	const hideMaterialLibrary = () => {
-		isMaterialLibraryVisible.value = false;
-		selectedMaterial.value = null;
-	};
-
-	// 点击素材库外部关闭
-	const closeMaterialLibraryOnOutsideClick = (event) => {
-		if (event.target.classList.contains('material-library-modal')) {
-			hideMaterialLibrary();
-		}
-	};
-
-	// 获取素材列表
-	const fetchMaterials = async () => {
-		isLoadingMaterials.value = true;
-		try {
-			const response = await axios.get(`/api/getFiles`);
-			console.log('获取素材列表响应:', response.data);
-
-			if (response.data.code === 200) {
-				// 处理文件路径，添加完整的请求地址
-				const materialItems = (response.data.data || []).map(item => {
-					return {
-						...item,
-						file_path: `/api${item.file_path}` // 添加API前缀到文件路径
-					};
-				});
-
-				// 对每个素材调用getFile接口获取视频数据
-				const materialPromises = materialItems.map(async (item) => {
-					try {
-						// 从file_path中提取文件名
-						const filename = item.file_path.split('/').pop();
-						if (!filename) return item;
-
-						// 调用getFile接口获取视频数据
-						const fileResponse = await axios.get(`/api/getFile`, {
-							params: {
-								filename: filename
-							},
-							responseType: 'blob'
-						});
-
-						console.log(`获取素材 ${filename} 数据:`, fileResponse.data);
-
-						// 创建URL
-						const blob = new Blob([fileResponse.data]);
-						const url = URL.createObjectURL(blob);
-
-						// 将获取的视频数据合并到素材对象中
-						return {
-							...item,
-							videoData: {
-								...fileResponse.data,
-								url: url
-							}
-						};
-					} catch (error) {
-						console.error(`获取素材 ${item.filename || item.file_name} 数据失败:`, error);
-						return item;
-					}
-				});
-
-				// 等待所有getFile请求完成
-				materialList.value = await Promise.all(materialPromises);
-
-				console.log('处理后的素材列表:', materialList.value);
-			} else {
-				console.error('获取素材列表失败:', response.data.message);
-			}
-		} catch (error) {
-			console.error('获取素材列表失败:', error);
-		} finally {
-			isLoadingMaterials.value = false;
-		}
-	};
-
-	// 选择素材
-	const selectMaterial = (material) => {
-		// 如果点击的是已选中的素材，则取消选择
-		if (selectedMaterial.value === material.id) {
-			selectedMaterial.value = null;
-		} else {
-			selectedMaterial.value = material.id;
-		}
-	};
-
-	// 确认素材选择
-	const confirmMaterialSelection = () => {
-		if (!selectedMaterial.value) return;
-
-		const material = materialList.value.find(m => m.id === selectedMaterial.value);
-		if (material) {
-			const cardIndex = currentSourceCardIndex.value;
-			const card = publishCards.value[cardIndex];
-
-			// 从file_path中提取第一个下划线之前的内容作为fileID
-			const filePath = material.file_path;
-			const fileId = filePath.split('_')[0].split('/').pop();
-			console.log('选择的素材ID:', fileId);
-
-			// 添加到file_list
-			if (fileId && !card.file_list.includes(fileId)) {
-				card.file_list.push(fileId);
-			}
-
-			// 构建预览URL
-			const previewUrl = material.videoData && material.videoData.url ? material.videoData.url : material
-				.file_path;
-
-			// 添加到媒体列表用于预览
-			card.mediaList.push({
-				previewUrl: previewUrl,
-				isFromLibrary: true,
-				videoData: material.videoData
-			});
-		}
-
-		hideMaterialLibrary();
-	};
-
-	// 判断是否为视频文件
-	const isVideo = (filename) => {
-		if (!filename) return false;
-		const videoExtensions = ['.mp4', '.avi', '.mov', '.wmv', '.flv', '.mkv'];
-		return videoExtensions.some(ext => filename.toLowerCase().endsWith(ext));
-	};
-
-	// 处理媒体上传
-	const handleMediaUpload = (event) => {
-		const input = event.target;
-		const cardIndex = currentUploadCardIndex.value;
-
-		if (cardIndex === -1 || !input.files || input.files.length === 0) return;
-
-		const card = publishCards.value[cardIndex];
-		const file = input.files[0];
-		const previewUrl = URL.createObjectURL(file);
-
-		// 添加到媒体列表
-		card.mediaList.push({
-			file,
-			previewUrl
-		});
-
-		// 清空input，允许再次选择相同文件
-		if (mediaInput.value) {
-			mediaInput.value.value = '';
-		}
-	};
-
-	// 移除媒体
-	const removeMedia = (cardIndex, mediaIndex) => {
-		const card = publishCards.value[cardIndex];
-
-		// 释放预览URL
-		if (card.mediaList[mediaIndex].previewUrl) {
-			URL.revokeObjectURL(card.mediaList[mediaIndex].previewUrl);
-		}
-
-		// 移除媒体
-		card.mediaList.splice(mediaIndex, 1);
-	};
-
-	// 更新字符计数
-	const updateCharCount = (cardIndex) => {
-		const card = publishCards.value[cardIndex];
-		card.charCount = card.title.length;
-	};
-
-	// 切换定时发布
-	const toggleTimer = (cardIndex) => {
-		const card = publishCards.value[cardIndex];
-		if (!card.enableTimer) {
-			// 重置定时设置
-			card.videosPerDay = 1;
-			card.dailyTimes = ['09:00'];
-			card.startDays = 1;
-		}
-	};
-
-	// 更新每日发布时间数组
-	const updateDailyTimes = (cardIndex) => {
-		const card = publishCards.value[cardIndex];
-		const count = parseInt(card.videosPerDay);
-
-		// 调整时间数组长度
-		if (card.dailyTimes.length < count) {
-			// 添加新的时间槽
-			while (card.dailyTimes.length < count) {
-				card.dailyTimes.push('09:00');
-			}
-		} else if (card.dailyTimes.length > count) {
-			// 移除多余的时间槽
-			card.dailyTimes.splice(count);
-		}
-	};
-
-	// 显示账号选择器
-	const showAccountSelector = (cardIndex) => {
-		currentCardIndex.value = cardIndex;
-		isAccountSelectorVisible.value = true;
-		fetchAccounts();
-	};
-
-	// 隐藏账号选择器
-	const hideAccountSelector = () => {
-		isAccountSelectorVisible.value = false;
-		currentCardIndex.value = -1;
-	};
-
-	// 点击账号选择器外部关闭
-	const closeAccountModalOnOutsideClick = (event) => {
-		if (event.target.classList.contains('account-selector-modal')) {
-			hideAccountSelector();
-		}
-	};
-
-	// 获取账号列表
-	const fetchAccounts = async (forceRefresh = false) => {
-		isAccountsLoading.value = true;
-
-		// 检查全局缓存是否有效且不是强制刷新
-		if (!forceRefresh && globalAccountsCache.isValid()) {
-			console.log("使用缓存的账号列表数据");
-			accountList.value = formatAccountData(globalAccountsCache.accounts);
-			isAccountsLoading.value = false;
-			return;
-		}
-
-		try {
-			const response = await axios.get(`/api/getValidAccounts`);
-
-			if (response.data.code === 200) {
-				// 更新全局缓存
-				globalAccountsCache.updateCache(response.data.data);
-
-				// 格式化账号数据
-				accountList.value = formatAccountData(response.data.data);
-			}
-		} catch (error) {
-			console.error('获取账号列表失败:', error);
-			accountList.value = [];
-		} finally {
-			isAccountsLoading.value = false;
-		}
-	};
-
-	// 格式化账号数据
-	const formatAccountData = (data) => {
-		return data.map(account => ({
-			id: account[0] || Math.random().toString(36).substr(2, 9),
-			name: account[3] || '未命名账号',
-			avatar: tx,
-			status: account[4] === 1 ? '正常' : '异常',
-			statusType: account[4] === 1 ? 'normal' : 'warning',
-			type: account[1],
-			cookie: account[2] // 保存cookie路径
-		}));
-	};
-
-	// 根据当前选中的卡片平台过滤账号列表
-	const filteredAccountList = computed(() => {
-		if (currentCardIndex.value === -1) return [];
-
-		const platformId = publishCards.value[currentCardIndex.value].platform;
-		return accountList.value.filter(account => account.type === platformId);
-	});
-
-	// 刷新账号列表
-	const refreshAccounts = () => {
-		fetchAccounts(true); // 强制刷新
-	};
-
-	// 选择账号
-	const selectAccount = (account) => {
-		if (currentCardIndex.value !== -1) {
-			publishCards.value[currentCardIndex.value].selectedAccount = account;
-		}
-		hideAccountSelector();
-	};
-
-	// 显示话题选择器
-	const showTagSelector = (cardIndex) => {
-		currentCardIndex.value = cardIndex;
-		isTagSelectorVisible.value = true;
-	};
-
-	// 隐藏话题选择器
-	const hideTagSelector = () => {
-		isTagSelectorVisible.value = false;
-		customTag.value = ''; // 清空自定义话题输入
-		currentCardIndex.value = -1;
-	};
-
-	// 点击话题选择器外部关闭
-	const closeTagSelectorOnOutsideClick = (event) => {
-		if (event.target.classList.contains('tag-selector-modal')) {
-			hideTagSelector();
-		}
-	};
-
-	// 添加预设话题
-	const addSuggestedTag = (tag) => {
-		if (currentCardIndex.value !== -1) {
-			const card = publishCards.value[currentCardIndex.value];
-			if (!card.tags.includes(tag)) {
-				card.tags.push(tag);
-			}
-		}
-	};
-
-	// 添加自定义话题
-	const addCustomTag = () => {
-		if (currentCardIndex.value !== -1 && customTag.value) {
-			const card = publishCards.value[currentCardIndex.value];
-			if (!card.tags.includes(customTag.value)) {
-				card.tags.push(customTag.value);
-				customTag.value = ''; // 清空输入
-			}
-		}
-	};
-
-	// 删除话题
-	const removeTag = (cardIndex, tagIndex) => {
-		publishCards.value[cardIndex].tags.splice(tagIndex, 1);
-	};
-
-	// 检查卡片是否有效（可发布）
-	const isCardValid = (card) => {
-		return card.mediaList.length > 0 &&
-			card.title &&
-			card.selectedAccount !== null;
-	};
-
-	// 发布内容
-	const publishContent = async (cardIndex) => {
-		const card = publishCards.value[cardIndex];
-    console.log('开始发布内容:', card);
-    // console.log('账号信息:', publishCards.value);
-
-		// 验证必填项
-		if (card.mediaList.length === 0) {
-			alert(`请上传${card.publishType === 'video' ? '视频' : '图片'}`);
-			return;
-		}
-
-		if (!card.title) {
-			alert('请输入标题');
-			return;
-		}
-
-		if (!card.selectedAccount) {
-			alert('请选择账号');
-			return;
-		}
-
-		// 设置上传状态
-		card.isUploading = true;
-
-		try {
-			// 上传所有媒体文件
-			for (const mediaItem of card.mediaList) {
-				// 创建FormData对象
-				const formData = new FormData();
-				formData.append('file', mediaItem.file);
-				formData.append('filename', mediaItem.file.name);
-
-				try {
-					const response = await axios.post('/api/upload', formData);
-					console.log('上传响应:', response.data);
-
-					// 检查请求是否成功
-					if (response.data.code === 200) {
-						// 提取fileID并保存
-						if (response.data.data) {
-							card.file_list.push(response.data.data);
-						} else {
-							throw new Error('未获取到fileID');
-						}
-					} else {
-						throw new Error(response.data.message || '上传失败');
-					}
-				} catch (err) {
-					console.error('上传失败:', err.response?.data || err.message);
-					throw new Error(err.response?.data?.message || err.message || '上传失败');
-				}
-			}
-
-			// 准备发布数据
-			const postData = {
-				fileList: card.file_list,
-				accountList: [card.selectedAccount.cookie],
-				type: card.platform,
-				tags: card.tags,
-				title: card.title,
-				category: 0
-			};
-			
-			// 如果启用定时发布，添加相关参数
-			if (card.enableTimer.value) {
-				postData.enableTimer = true;
-				postData.videos_per_day = card.videosPerDay.value;
-				postData.daily_times = card.dailyTimes.value.map(time => {
-					const [hours, minutes] = time.split(':');
-					return parseInt(hours) * 60 + parseInt(minutes); // 转换为分钟数
-				});
-				postData.start_days = card.startDays.value;
-			} else {
-				postData.enableTimer = false;
-			}
-
-			// 发送发布请求
-			// 发送发布请求
-			const publishResponse = await axios.post('/api/postVideo', postData);
-			console.log('发布结果:', publishResponse.data);
-			// const apiEndpoint = card.publishType === 'video' ? '/api/postVideo' : '/api/postImage';
-			// const publishResponse = await axios.post(apiEndpoint, postData);
-
-			if (publishResponse.data.code === 200) {
-				alert('发布成功！');
-				// 删除已发布的卡片
-				deleteCard(cardIndex);
-			} else {
-				throw new Error(publishResponse.data.message || '发布失败');
-			}
-		} catch (error) {
-			console.error(`发布${card.publishType === 'video' ? '视频' : '图文'}失败:`, error);
-			alert(`发布失败: ${error instanceof Error ? error.message : '未知错误'}`);
-			card.isUploading = false;
-		}
-	};
-
-	// 滚动卡片容器
-	const scrollLeft = () => {
-		if (cardsContainer.value) {
-			cardsContainer.value.scrollBy({
-				left: -300,
-				behavior: 'smooth'
-			});
-		}
-	};
-
-	const scrollRight = () => {
-		if (cardsContainer.value) {
-			cardsContainer.value.scrollBy({
-				left: 300,
-				behavior: 'smooth'
-			});
-		}
-	};
-
-	// 状态持久化键名
-	const STORAGE_KEY = 'multi-publish-state';
-
-	// 保存状态到localStorage
-	const saveState = () => {
-		try {
-			const stateToSave = {
-				publishCards: publishCards.value.map(card => ({
-					...card,
-					// 排除不能序列化的属性
-					mediaList: card.mediaList.map(media => ({
-						...media,
-						previewUrl: null, // 预览URL不保存，重新生成
-						file: null // File对象不保存
-					}))
-				}))
-			};
-			localStorage.setItem(STORAGE_KEY, JSON.stringify(stateToSave));
-		} catch (error) {
-			console.warn('保存状态失败:', error);
-		}
-	};
-
-	// 从localStorage恢复状态
-	const restoreState = () => {
-		try {
-			const savedState = localStorage.getItem(STORAGE_KEY);
-			if (savedState) {
-				const parsedState = JSON.parse(savedState);
-				if (parsedState.publishCards && Array.isArray(parsedState.publishCards)) {
-					publishCards.value = parsedState.publishCards;
-					// 重新生成预览URL（如果需要的话）
-					publishCards.value.forEach(card => {
-						card.mediaList.forEach(media => {
-							if (media.isFromLibrary && media.videoData && media.videoData.url) {
-								media.previewUrl = media.videoData.url;
-							}
-						});
-					});
-				}
-			}
-		} catch (error) {
-			console.warn('恢复状态失败:', error);
-		}
-	};
-
-	// 监听状态变化并自动保存
-	watch(publishCards, saveState, {
-		deep: true
-	});
-
-	// 格式化文件大小
-	const formatFileSize = (bytes) => {
-		if (!bytes || bytes === 0) return '0 B';
-		
-		const units = ['B', 'KB', 'MB', 'GB'];
-		let size = bytes;
-		let unitIndex = 0;
-		
-		while (size >= 1024 && unitIndex < units.length - 1) {
-			size /= 1024;
-			unitIndex++;
-		}
-		
-		return `${size.toFixed(2)} ${units[unitIndex]}`;
-	};
-
-	// 格式化日期
-	const formatDate = (timestamp) => {
-		if (!timestamp) return '';
-		
-		const date = new Date(timestamp);
-		return date.toLocaleDateString('zh-CN', { 
-			year: 'numeric', 
-			month: '2-digit', 
-			day: '2-digit',
-			hour: '2-digit',
-			minute: '2-digit'
-		});
-	};
-
-	// 删除素材
-	const deleteMaterial = async (material) => {
-		console.log('要删除的素材:', material);
-		if (confirm(`确定要删除素材 ${material.filename || material.file_name} 吗？`)) {
-			try {
-				// 调用删除API
-				const response = await axios.get(`/api/deleteFile?id=${material.id}`);
-				console.log('删除素材响应:', response.data);
-				
-				if (response.data.code === 200) {
-					// 删除成功，刷新素材列表
-					fetchMaterials();
-					alert('删除成功');
-				} else {
-					alert('删除失败: ' + (response.data.message || '未知错误'));
-				}
-			} catch (error) {
-				console.error('删除素材失败:', error);
-				alert('删除失败: ' + (error.response?.data?.message || error.message || '未知错误'));
-			}
-		}
-	};
-
-	// 组件挂载时恢复状态
-	onMounted(() => {
-		restoreState();
-	});
-
-	// 组件卸载时清理资源
-	onUnmounted(() => {
-		// 清理所有媒体预览URL
-		publishCards.value.forEach(card => {
-			card.mediaList.forEach(media => {
-				if (media.previewUrl) {
-					URL.revokeObjectURL(media.previewUrl);
-				}
-			});
-		});
-		// 保存最终状态
-		saveState();
-		// 移除事件监听器
-		window.removeEventListener('beforeunload', saveState);
-	});
-
-	// 页面刷新前保存状态
-	window.addEventListener('beforeunload', saveState);
-</script>
-
-<style scoped>
-	.multi-publish-container {
-		padding: 20px;
-	}
-
-	h1 {
-		margin-bottom: 20px;
-		font-size: 24px;
-		font-weight: 500;
-	}
-
-	/* 操作栏样式 */
-	.action-bar {
-		display: flex;
-		justify-content: flex-end;
-		margin-bottom: 20px;
-	}
-
-	.add-publish-btn {
-		background-color: #6366f1;
-		color: white;
-		border: none;
-		border-radius: 4px;
-		padding: 8px 15px;
-		display: flex;
-		align-items: center;
-		cursor: pointer;
-		font-size: 14px;
-	}
-
-	.add-icon {
-		margin-right: 5px;
-		font-size: 16px;
-	}
-
-	/* 平台选择弹窗样式 */
-	.platform-modal {
-		position: fixed;
-		top: 0;
-		left: 0;
-		width: 100%;
-		height: 100%;
-		background-color: rgba(0, 0, 0, 0.5);
-		display: flex;
-		justify-content: center;
-		align-items: center;
-		z-index: 1000;
-	}
-
-	.platform-modal-content {
-		background-color: white;
-		border-radius: 8px;
-		width: 400px;
-		max-width: 90%;
-		box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
-		overflow: hidden;
-	}
-
-	.modal-header {
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
-		padding: 15px 20px;
-		border-bottom: 1px solid #eee;
-	}
-
-	.modal-header h3 {
-		margin: 0;
-		font-size: 18px;
-		font-weight: 500;
-	}
-
-	.close-btn {
-		background: none;
-		border: none;
-		font-size: 20px;
-		cursor: pointer;
-		color: #999;
-	}
-
-	.modal-body {
-		padding: 20px;
-	}
-
-	.platform-options {
-		display: flex;
-		justify-content: space-around;
-	}
-
-	.platform-option {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		padding: 15px;
-		border-radius: 8px;
-		cursor: pointer;
-		transition: all 0.3s;
-	}
-
-	.platform-option:hover {
-		background-color: #f5f5f5;
-	}
-
-	.platform-option.selected {
-		background-color: #e6f7ff;
-		border: 1px solid #91d5ff;
-	}
-
-	.platform-icon {
-		width: 40px;
-		height: 40px;
-		border-radius: 50%;
-		margin-bottom: 10px;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-	}
-
-	.douyin-icon {
-		background-color: #e0e7ff;
-		position: relative;
-	}
-
-	.douyin-icon::before {
-		content: '';
-		width: 20px;
-		height: 20px;
-		background-color: #6366f1;
-		border-radius: 50%;
-	}
-
-	.xiaohongshu-icon {
-		background-color: #fef2f2;
-		position: relative;
-	}
-
-	.xiaohongshu-icon::before {
-		content: '';
-		width: 20px;
-		height: 20px;
-		background-color: #ef4444;
-		border-radius: 50%;
-	}
-
-	.shipinhao-icon {
-		background-color: #ecfdf5;
-		position: relative;
-	}
-
-	.shipinhao-icon::before {
-		content: '';
-		width: 20px;
-		height: 20px;
-		background-color: #10b981;
-		border-radius: 50%;
-	}
-
-	.modal-footer {
-		display: flex;
-		justify-content: flex-end;
-		padding: 15px 20px;
-		border-top: 1px solid #eee;
-		gap: 10px;
-	}
-
-	.cancel-btn {
-		padding: 8px 15px;
-		border: 1px solid #ddd;
-		background-color: white;
-		border-radius: 4px;
-		cursor: pointer;
-	}
-
-	.confirm-btn {
-		padding: 8px 15px;
-		background-color: #6366f1;
-		color: white;
-		border: none;
-		border-radius: 4px;
-		cursor: pointer;
-	}
-
-	/* 发布卡片容器样式 */
-	.publish-cards-container {
-		position: relative;
-		margin-top: 20px;
-		display: flex;
-		align-items: center;
-	}
-
-	.cards-scroll-area {
-		display: flex;
-		overflow-x: auto;
-		scroll-behavior: smooth;
-		padding: 10px 0;
-		gap: 20px;
-		width: 100%;
-		scrollbar-width: none;
-		/* Firefox */
-		-ms-overflow-style: none;
-		/* IE and Edge */
-	}
-
-	.cards-scroll-area::-webkit-scrollbar {
-		display: none;
-		/* Chrome, Safari, Opera */
-	}
-
-	.scroll-btn {
-		position: absolute;
-		top: 50%;
-		transform: translateY(-50%);
-		width: 30px;
-		height: 30px;
-		border-radius: 50%;
-		background-color: white;
-		border: 1px solid #ddd;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		cursor: pointer;
-		z-index: 10;
-		box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
-	}
-
-	.scroll-left {
-		left: -15px;
-	}
-
-	.scroll-right {
-		right: -15px;
-	}
-
-	/* 空状态样式 */
-	.empty-state {
-		width: 100%;
-		padding: 50px 0;
-		text-align: center;
-		color: #999;
-		background-color: #f9f9f9;
-		border-radius: 8px;
-	}
-
-	/* 发布卡片样式 */
-	.publish-card {
-		min-width: 300px;
-		width: 300px;
-		border: 1px solid #eee;
-		border-radius: 8px;
-		background-color: white;
-		box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
-		overflow: hidden;
-		flex-shrink: 0;
-	}
-
-	.card-header {
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
-		padding: 10px 15px;
-		background-color: #f8f9fc;
-		border-bottom: 1px solid #eee;
-	}
-
-	.platform-info {
-		display: flex;
-		align-items: center;
-	}
-
-	.platform-info .platform-icon {
-		width: 24px;
-		height: 24px;
-		margin-right: 8px;
-		margin-bottom: 0;
-	}
-
-	.platform-info .platform-icon::before {
-		width: 12px;
-		height: 12px;
-	}
-
-	.card-actions {
-		display: flex;
-		gap: 10px;
-	}
-
-	.delete-card-btn {
-		padding: 4px 8px;
-		background-color: #fff;
-		border: 1px solid #ddd;
-		border-radius: 4px;
-		font-size: 12px;
-		cursor: pointer;
-	}
-
-	.delete-card-btn:hover {
-		background-color: #f5f5f5;
-	}
-
-	.card-content {
-		padding: 15px;
-	}
-
-	.card-section {
-		margin-bottom: 15px;
-	}
-
-	.section-title {
-		font-size: 14px;
-		font-weight: bold;
-		margin-bottom: 8px;
-		color: #333;
-	}
-
-	/* 账号选择器样式 */
-	.account-selector {
-		border: 1px dashed #ddd;
-		border-radius: 4px;
-		padding: 8px;
-		cursor: pointer;
-		min-height: 40px;
-		background-color: #f9f9f9;
-		transition: all 0.3s;
-	}
-
-	.account-selector:hover {
-		border-color: #409eff;
-		background-color: #f0f7ff;
-	}
-
-	.account-placeholder {
-		display: flex;
-		justify-content: center;
-		align-items: center;
-		height: 24px;
-		color: #909399;
-	}
-
-	.selected-account {
-		display: flex;
-		align-items: center;
-		background-color: #f0f7ff;
-		border: 1px solid #d9ecff;
-		border-radius: 4px;
-		padding: 5px 10px;
-	}
-
-	.account-avatar {
-		width: 24px;
-		height: 24px;
-		border-radius: 50%;
-		margin-right: 8px;
-		object-fit: cover;
-	}
-
-	.account-name {
-		font-size: 14px;
-		color: #333;
-		margin-right: 8px;
-	}
-
-	.account-status {
-		font-size: 12px;
-		padding: 2px 6px;
-		border-radius: 10px;
-	}
-
-	.account-status.normal {
-		background-color: #f0f9eb;
-		color: #67c23a;
-	}
-
-	.account-status.warning {
-		background-color: #fdf6ec;
-		color: #e6a23c;
-	}
-
-	/* 发布类型选择器样式 */
-	.publish-type-selector {
-		display: flex;
-		gap: 10px;
-	}
-
-	.type-btn {
-		flex: 1;
-		padding: 8px 0;
-		border: 1px solid #ddd;
-		border-radius: 4px;
-		background-color: white;
-		cursor: pointer;
-		transition: all 0.3s;
-	}
-
-	.type-btn.active {
-		background-color: #6366f1;
-		color: white;
-		border-color: #6366f1;
-	}
-
-	/* 媒体上传区域样式 */
-	.media-container {
-		display: flex;
-		flex-wrap: wrap;
-		gap: 10px;
-	}
-
-	.video-upload-area,
-	.image-upload-area {
-		border: 2px dashed #ddd;
-		border-radius: 4px;
-		width: 80px;
-		height: 80px;
-		display: flex;
-		justify-content: center;
-		align-items: center;
-		cursor: pointer;
-		background-color: #f9f9f9;
-		transition: all 0.3s;
-	}
-
-	.video-upload-area:hover,
-	.image-upload-area:hover {
-		border-color: #409eff;
-		background-color: #f0f7ff;
-	}
-
-	.upload-icon {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-	}
-
-	.upload-icon .icon {
-		font-size: 20px;
-		color: #909399;
-	}
-
-	.upload-icon .text {
-		margin-top: 5px;
-		color: #606266;
-		font-size: 12px;
-	}
-
-	.video-preview,
-	.image-preview {
-		position: relative;
-		width: 80px;
-		height: 80px;
-		border-radius: 4px;
-		overflow: hidden;
-	}
-
-	.video-preview video,
-	.image-preview img {
-		width: 100%;
-		height: 100%;
-		object-fit: cover;
-	}
-
-	.media-actions {
-		position: absolute;
-		top: 5px;
-		right: 5px;
-		z-index: 10;
-	}
-
-	.remove-btn {
-		background-color: rgba(0, 0, 0, 0.5);
-		color: white;
-		border: none;
-		border-radius: 4px;
-		padding: 2px 5px;
-		cursor: pointer;
-		font-size: 10px;
-	}
-
-	.remove-btn:hover {
-		background-color: rgba(0, 0, 0, 0.7);
-	}
-
-	.media-count {
-		margin-top: 8px;
-		font-size: 12px;
-		color: #909399;
-	}
-
-	/* 标题输入区域样式 */
-	.title-input-container {
-		position: relative;
-	}
-
-	.title-input-container textarea {
-		width: 100%;
-		padding: 8px;
-		border: 1px solid #ddd;
-		border-radius: 4px;
-		resize: none;
-		font-size: 14px;
-	}
-
-	.char-count {
-		position: absolute;
-		bottom: 5px;
-		right: 10px;
-		font-size: 12px;
-		color: #999;
-	}
-
-	/* 话题选择区域样式 */
-	.tags-container {
-		display: flex;
-		flex-wrap: wrap;
-		gap: 8px;
-	}
-
-	.tag {
-		background-color: #f0f7ff;
-		border: 1px solid #d9ecff;
-		border-radius: 4px;
-		padding: 4px 8px;
-		font-size: 12px;
-		color: #409eff;
-		display: flex;
-		align-items: center;
-	}
-
-	.remove-tag {
-		margin-left: 5px;
-		cursor: pointer;
-		font-size: 14px;
-	}
-
-	.add-tag {
-		border: 1px dashed #ddd;
-		border-radius: 4px;
-		padding: 4px 8px;
-		font-size: 12px;
-		color: #909399;
-		cursor: pointer;
-	}
-
-	.add-tag:hover {
-		border-color: #409eff;
-		color: #409eff;
-	}
-
-	/* 底部操作按钮样式 */
-	.card-actions-bottom {
-		display: flex;
-		justify-content: center;
-		margin-top: 15px;
-	}
-
-	.publish-btn {
-		padding: 8px 20px;
-		background-color: #6366f1;
-		color: white;
-		border: none;
-		border-radius: 4px;
-		cursor: pointer;
-		font-size: 14px;
-	}
-
-	.publish-btn:disabled {
-		background-color: #a5a6f6;
-		cursor: not-allowed;
-	}
-
-	/* 账号选择弹窗样式 */
-	.account-selector-modal {
-		position: fixed;
-		top: 0;
-		left: 0;
-		width: 100%;
-		height: 100%;
-		background-color: rgba(0, 0, 0, 0.5);
-		display: flex;
-		justify-content: center;
-		align-items: center;
-		z-index: 1000;
-	}
-
-	.account-selector-content {
-		background-color: white;
-		border-radius: 8px;
-		width: 400px;
-		max-width: 90%;
-		max-height: 80vh;
-		box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
-		overflow: hidden;
-		display: flex;
-		flex-direction: column;
-	}
-
-	.refresh-btn {
-		background: none;
-		border: none;
-		cursor: pointer;
-		color: #999;
-		font-size: 16px;
-		margin-right: 10px;
-	}
-
-	.refresh-icon {
-		display: inline-block;
-	}
-
-	.loading-accounts,
-	.no-accounts {
-		padding: 20px;
-		text-align: center;
-		color: #999;
-	}
-
-	.account-list {
-		max-height: 300px;
-		overflow-y: auto;
-		padding: 0 10px;
-	}
-
-	.account-item {
-		display: flex;
-		align-items: center;
-		padding: 10px;
-		border-bottom: 1px solid #eee;
-		cursor: pointer;
-	}
-
-	.account-item:hover {
-		background-color: #f5f5f5;
-	}
-
-	.account-item:last-child {
-		border-bottom: none;
-	}
-
-	.account-info {
-		display: flex;
-		flex-direction: column;
-	}
-
-	/* 话题选择弹窗样式 */
-	.tag-selector-modal {
-		position: fixed;
-		top: 0;
-		left: 0;
-		width: 100%;
-		height: 100%;
-		background-color: rgba(0, 0, 0, 0.5);
-		display: flex;
-		justify-content: center;
-		align-items: center;
-		z-index: 1000;
-	}
-
-	.tag-selector-content {
-		background-color: white;
-		border-radius: 8px;
-		width: 400px;
-		max-width: 90%;
-		max-height: 80vh;
-		box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
-		overflow: hidden;
-		display: flex;
-		flex-direction: column;
-	}
-
-	.custom-tag-input {
-		display: flex;
-		margin-bottom: 15px;
-	}
-
-	.custom-tag-input input {
-		flex: 1;
-		padding: 8px;
-		border: 1px solid #ddd;
-		border-radius: 4px 0 0 4px;
-		font-size: 14px;
-	}
-
-	.custom-tag-input button {
-		padding: 8px 15px;
-		background-color: #6366f1;
-		color: white;
-		border: none;
-		border-radius: 0 4px 4px 0;
-		cursor: pointer;
-	}
-
-	.suggested-tags h4 {
-		margin-bottom: 10px;
-		font-size: 14px;
-		font-weight: 500;
-	}
-
-	.tag-grid {
-		display: grid;
-		grid-template-columns: repeat(3, 1fr);
-		gap: 10px;
-	}
-
-	.suggested-tag {
-		background-color: #f5f5f5;
-		border-radius: 4px;
-		padding: 8px;
-		text-align: center;
-		font-size: 12px;
-		cursor: pointer;
-	}
-
-	.suggested-tag:hover {
-		background-color: #e0e0e0;
-	}
-
-	/* 视频来源选择器样式 */
-	.source-selector {
-		position: fixed;
-		top: 0;
-		left: 0;
-		right: 0;
-		bottom: 0;
-		background-color: rgba(0, 0, 0, 0.5);
-		z-index: 1000;
-		display: flex;
-		justify-content: center;
-		align-items: center;
-	}
-
-	.source-selector-content {
-		background-color: white;
-		border-radius: 12px;
-		padding: 20px;
-		width: 280px;
-		box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
-		display: flex;
-		flex-direction: column;
-		gap: 15px;
-	}
-
-	.source-option {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		padding: 20px 15px;
-		border-radius: 8px;
-		cursor: pointer;
-		transition: all 0.3s ease;
-		border: 2px solid #f0f0f0;
-	}
-
-	.source-option:hover {
-		background-color: #f8f9ff;
-		border-color: #6366f1;
-		transform: translateY(-2px);
-		box-shadow: 0 4px 12px rgba(99, 102, 241, 0.15);
-	}
-
-	.source-icon {
-		width: 48px;
-		height: 48px;
-		border-radius: 50%;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		margin-bottom: 8px;
-		font-size: 24px;
-	}
-
-	.local-icon {
-		background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-		color: white;
-	}
-
-	.library-icon {
-		background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
-		color: white;
-	}
-
-	.source-text {
-		font-size: 14px;
-		font-weight: 500;
-		color: #333;
-	}
-
-	/* 媒体上传区域间距 */
-	.media-section {
-		margin-bottom: 25px;
-	}
-
-	.media-item {
-		margin-bottom: 15px;
-	}
-
-	.media-item:last-child {
-		margin-bottom: 0;
-	}
-
-	/* 定时发布设置美化样式 */
-	.timer-toggle {
-		display: flex;
-		align-items: center;
-		margin-bottom: 15px;
-	}
-
-	.switch {
-		position: relative;
-		display: inline-block;
-		width: 44px;
-		height: 24px;
-		margin-right: 12px;
-	}
-
-	.switch input {
-		opacity: 0;
-		width: 0;
-		height: 0;
-	}
-
-	.slider {
-		position: absolute;
-		cursor: pointer;
-		top: 0;
-		left: 0;
-		right: 0;
-		bottom: 0;
-		background-color: #dcdfe6;
-		transition: .4s;
-	}
-
-	.slider:before {
-		position: absolute;
-		content: "";
-		height: 18px;
-		width: 18px;
-		left: 3px;
-		bottom: 3px;
-		background-color: white;
-		transition: .4s;
-		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
-	}
-
-	input:checked + .slider {
-		background-color: #6366f1;
-	}
-
-	input:checked + .slider:before {
-		transform: translateX(20px);
-	}
-
-	.slider.round {
-		border-radius: 24px;
-	}
-
-	.slider.round:before {
-		border-radius: 50%;
-	}
-
-	.toggle-label {
-		font-size: 16px;
-		font-weight: 500;
-		color: #333;
-	}
-
-	.timer-settings {
-		background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
-		border-radius: 12px;
-		padding: 20px;
-		border: 1px solid #e1e8ed;
-	}
-
-	.setting-item {
-		margin-bottom: 18px;
-	}
-
-	.setting-item:last-child {
-		margin-bottom: 0;
-	}
-
-	.setting-label {
-		display: block;
-		margin-bottom: 8px;
-		font-size: 14px;
-		font-weight: 500;
-		color: #4a5568;
-	}
-
-	.setting-select {
-		width: 100%;
-		padding: 10px 12px;
-		border: 2px solid #e2e8f0;
-		border-radius: 8px;
-		font-size: 14px;
-		background-color: white;
-		transition: border-color 0.3s ease;
-	}
-
-	.setting-select:focus {
-		outline: none;
-		border-color: #6366f1;
-		box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
-	}
-
-	.time-slots {
-		display: flex;
-		flex-wrap: wrap;
-		gap: 10px;
-	}
-
-	.time-input {
-		padding: 8px 10px;
-		border: 2px solid #e2e8f0;
-		border-radius: 6px;
-		font-size: 14px;
-		background-color: white;
-		transition: border-color 0.3s ease;
-		min-width: 120px;
-	}
-
-	.time-input:focus {
-		outline: none;
-		border-color: #6366f1;
-		box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
-	}
-
-	.days-setting {
-		display: flex;
-		align-items: center;
-		gap: 10px;
-	}
-
-	.days-input {
-		width: 80px;
-		padding: 8px 10px;
-		border: 2px solid #e2e8f0;
-		border-radius: 6px;
-		font-size: 14px;
-		background-color: white;
-		transition: border-color 0.3s ease;
-	}
-
-	.days-input:focus {
-		outline: none;
-		border-color: #6366f1;
-		box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
-	}
-
-	.days-unit {
-		font-size: 14px;
-		color: #6b7280;
-		font-weight: 500;
-	}
-
-	/* 素材库弹窗样式 */
-	.material-library-modal {
-		position: fixed;
-		top: 0;
-		left: 0;
-		right: 0;
-		bottom: 0;
-		background-color: rgba(0, 0, 0, 0.5);
-		z-index: 1000;
-		display: flex;
-		justify-content: center;
-		align-items: center;
-	}
-
-	.material-library-content {
-		background-color: white;
-		border-radius: 8px;
-		width: 80%;
-		max-width: 900px;
-		max-height: 80vh;
-		overflow: hidden;
-		display: flex;
-		flex-direction: column;
-		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
-	}
-
-	.modal-header {
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
-		padding: 15px 20px;
-		border-bottom: 1px solid #eee;
-	}
-
-	.modal-header h3 {
-		margin: 0;
-		font-size: 18px;
-		font-weight: 500;
-	}
-
-	.close-btn {
-		background: none;
-		border: none;
-		font-size: 20px;
-		cursor: pointer;
-		color: #666;
-	}
-
-	.modal-body {
-		padding: 20px;
-		overflow-y: auto;
-		flex: 1;
-	}
-
-	.loading-materials,
-	.no-materials {
-		display: flex;
-		justify-content: center;
-		align-items: center;
-		height: 200px;
-		color: #666;
-	}
-
-	.material-grid {
-		display: grid;
-		grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
-		gap: 15px;
-	}
-
-	.material-item {
-		border: 1px solid #eee;
-		border-radius: 8px;
-		overflow: hidden;
-		cursor: pointer;
-		transition: transform 0.2s, box-shadow 0.2s;
-		position: relative;
-		background-color: white;
-	}
-
-	.material-item:hover {
-		transform: translateY(-3px);
-		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
-	}
-
-	.material-item.selected {
-		border-color: #6366f1;
-		box-shadow: 0 0 0 2px rgba(99, 102, 241, 0.2);
-	}
-
-	.material-checkbox {
-		position: absolute;
-		top: 10px;
-		left: 10px;
-		z-index: 2;
-	}
-
-	.checkbox {
-		width: 20px;
-		height: 20px;
-		border: 2px solid #ddd;
-		border-radius: 4px;
-		background-color: white;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		transition: all 0.2s;
-	}
-
-	.checkbox.checked {
-		background-color: #6366f1;
-		border-color: #6366f1;
-	}
-
-	.checkbox.checked::after {
-		content: '✓';
-		color: white;
-		font-size: 12px;
-		font-weight: bold;
-	}
-
-	.material-preview {
-		position: relative;
-		height: 120px;
-		background-color: #f5f5f5;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		overflow: hidden;
-	}
-
-	.material-preview .delete-btn {
-		position: absolute;
-		top: 5px;
-		right: 5px;
-		width: 24px;
-		height: 24px;
-		border-radius: 50%;
-		background-color: rgba(0, 0, 0, 0.5);
-		color: white;
-		border: none;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		cursor: pointer;
-		font-size: 16px;
-		opacity: 0;
-		transition: opacity 0.2s;
-	}
-
-	.material-item:hover .delete-btn {
-		opacity: 1;
-	}
-
-	.play-icon {
-		width: 40px;
-		height: 40px;
-		opacity: 0.7;
-	}
-
-	.material-info {
-		padding: 10px;
-	}
-
-	.material-name {
-		font-size: 14px;
-		font-weight: 500;
-		margin-bottom: 5px;
-		white-space: nowrap;
-		overflow: hidden;
-		text-overflow: ellipsis;
-	}
-
-	.material-meta {
-		display: flex;
-		justify-content: space-between;
-		font-size: 12px;
-		color: #666;
-	}
-
-	.modal-footer {
-		display: flex;
-		justify-content: flex-end;
-		gap: 10px;
-		padding: 15px 20px;
-		border-top: 1px solid #eee;
-	}
-
-	.cancel-btn {
-		padding: 8px 16px;
-		background-color: #f5f5f5;
-		border: 1px solid #ddd;
-		border-radius: 4px;
-		cursor: pointer;
-		font-size: 14px;
-	}
-
-	.confirm-btn {
-		padding: 8px 16px;
-		background-color: #6366f1;
-		color: white;
-		border: none;
-		border-radius: 4px;
-		cursor: pointer;
-		font-size: 14px;
-	}
-
-	.confirm-btn:disabled {
-		background-color: #a5a6f6;
-		cursor: not-allowed;
-	}
-</style>
\ No newline at end of file
diff --git a/sau_frontend/src/components/PublishView.vue b/sau_frontend/src/components/PublishView.vue
deleted file mode 100644
index c56b252..0000000
--- a/sau_frontend/src/components/PublishView.vue
+++ /dev/null
@@ -1,375 +0,0 @@
-<template>
-  <div class="publish-view">
-    <h1>发布记录</h1>
-    
-    <!-- 筛选栏 -->
-    <div class="filter-bar">
-      <div class="filter-items">
-        <div class="filter-item">
-          <select class="filter-select" v-model="selectedPublisher">
-            <option value="">全部发布人</option>
-            <option v-for="account in accountsList" :key="account.id" :value="account.id">
-              {{ account.name }}
-            </option>
-          </select>
-        </div>
-        
-        <div class="filter-item">
-          <select class="filter-select">
-            <option value="">全部发布类型</option>
-            <option value="video">视频</option>
-            <option value="image">图文</option>
-          </select>
-        </div>
-        
-        <!-- <div class="filter-item">
-          <select class="filter-select">
-            <option value="">全部推送状态</option>
-            <option value="success">成功</option>
-            <option value="failed">失败</option>
-            <option value="pending">待发布</option>
-          </select>
-        </div> -->
-      </div>
-      
-      <div class="action-buttons">
-
-        
-        <!-- 新增发布按钮及下拉菜单 -->
-        <div class="dropdown" 
-             @mouseenter="showDropdown" 
-             @mouseleave="hideDropdown">
-          <button class="btn btn-add">
-            <i class="add-icon">+</i> 新增发布
-          </button>
-          <div class="dropdown-menu" :class="{ 'show': dropdownVisible }">
-            <div class="dropdown-item" @click="addVideoPublishRoute">
-              <div class="item-icon video-icon"></div>
-              <span>视频</span>
-            </div>
-            <div class="dropdown-item">
-              <div class="item-icon image-icon"></div>
-              <span>图文</span>
-            </div>
-            <div class="dropdown-item" @click="goToMultiPublish">
-              <div class="item-icon multi-icon"></div>
-              <span>多平台发布</span>
-            </div>
-            <!-- <div class="dropdown-item">
-              <div class="item-icon article-icon"></div>
-              <span>文章</span>
-            </div>
-            <div class="dropdown-item">
-              <div class="item-icon wechat-icon"></div>
-              <span>公众号</span>
-            </div> -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- 空状态提示 -->
-    <div class="empty-state">
-      <div class="empty-image"></div>
-      <p class="empty-text">暂无发布记录，点击新增发布任务吧～</p>
-    </div>
-  </div>
-</template>
-
-<script setup>
-import { ref, computed, onMounted } from 'vue';
-import { useRouter } from 'vue-router';
-import { addVideoRoute } from '@/router';
-import { globalAccountsCache } from '../config';
-import axios from 'axios';
-import tx from '@assets/fengbaobao.png'
-
-const router = useRouter();
-
-// 控制下拉菜单的显示状态
-const dropdownVisible = ref(false);
-
-// 选中的发布人
-const selectedPublisher = ref('');
-
-// 账号列表
-const accountsList = ref([]);
-
-// 显示下拉菜单
-const showDropdown = () => {
-  dropdownVisible.value = true;
-};
-
-// 隐藏下拉菜单
-const hideDropdown = () => {
-  dropdownVisible.value = false;
-};
-
-// 添加视频发布路由
-const addVideoPublishRoute = () => {
-  const newRoute = addVideoRoute();
-  router.push(newRoute.path);
-  hideDropdown();
-};
-
-// 跳转到多平台发布页面
-const goToMultiPublish = () => {
-  router.push('/multi-publish');
-  hideDropdown();
-};
-
-// 获取账号列表
-const fetchAccounts = async () => {
-  try {
-    // 如果全局缓存有效，则使用缓存数据
-    if (globalAccountsCache.isValid()) {
-      processAccountsData(globalAccountsCache.accounts);
-      return;
-    }
-    
-    // 否则从API获取数据
-    const response = await axios.get(`/api/getValidAccounts`);
-    if (response.data.code === 200 && response.data.data) {
-      // 更新全局缓存
-      globalAccountsCache.updateCache(response.data.data);
-      // 处理账号数据
-      processAccountsData(response.data.data);
-    }
-  } catch (error) {
-    console.error('获取账号列表失败:', error);
-    accountsList.value = [];
-  }
-};
-
-// 处理账号数据
-const processAccountsData = (data) => {
-  // 提取所有账号的昵称信息
-  accountsList.value = data.map(account => ({
-    id: account[0] || Math.random().toString(36).substr(2, 9),
-    name: account[3] || '未命名账号',
-    type: account[1]
-    
-  }));
-};
-
-// 组件挂载时获取账号列表
-onMounted(() => {
-  fetchAccounts();
-});
-
-</script>
-
-<style scoped>
-.publish-view {
-  padding: 20px;
-}
-
-h1 {
-  margin-bottom: 20px;
-  font-size: 24px;
-  font-weight: 500;
-}
-
-/* 筛选栏样式 */
-.filter-bar {
-  display: flex;
-  justify-content: space-between;
-  margin-bottom: 20px;
-}
-
-.filter-items {
-  display: flex;
-  gap: 15px;
-}
-
-.filter-select {
-  padding: 8px 15px;
-  border: 1px solid #e0e0e0;
-  border-radius: 4px;
-  background-color: #fff;
-  min-width: 150px;
-  font-size: 14px;
-  outline: none;
-}
-
-/* 按钮样式 */
-.action-buttons {
-  display: flex;
-  gap: 15px;
-}
-
-.btn {
-  padding: 8px 15px;
-  border-radius: 4px;
-  border: none;
-  font-size: 14px;
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.btn-export, .btn-delete {
-  background-color: #fff;
-  border: 1px solid #e0e0e0;
-}
-
-.btn-add {
-  background-color: #6366f1;
-  color: white;
-  position: relative;
-}
-
-.add-icon {
-  margin-right: 5px;
-  font-size: 16px;
-}
-
-/* 下拉菜单样式 */
-.dropdown {
-  position: relative;
-}
-
-.dropdown-menu {
-  position: absolute;
-  top: 100%;
-  right: 0;
-  width: 200px;
-  background: white;
-  border-radius: 8px;
-  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
-  margin-top: 5px;
-  z-index: 10;
-  overflow: hidden;
-  display: none;
-  padding-top: 5px; /* 添加顶部内边距 */
-}
-
-/* 添加一个看不见的连接区域 */
-.dropdown::after {
-  content: '';
-  position: absolute;
-  height: 10px;
-  width: 100%;
-  bottom: -10px;
-  left: 0;
-}
-
-.dropdown-menu.show {
-  display: block;
-}
-
-.dropdown-item {
-  padding: 12px 15px;
-  display: flex;
-  align-items: center;
-  cursor: pointer;
-}
-
-.dropdown-item:hover {
-  background-color: #f5f5f5;
-}
-
-.item-icon {
-  width: 24px;
-  height: 24px;
-  border-radius: 50%;
-  margin-right: 10px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.video-icon {
-  background-color: #e0f2fe;
-  position: relative;
-}
-
-.video-icon::before {
-  content: '';
-  width: 10px;
-  height: 10px;
-  background-color: #0ea5e9;
-  border-radius: 50%;
-}
-
-.image-icon {
-  background-color: #dcfce7;
-  position: relative;
-}
-
-.image-icon::before {
-  content: '';
-  width: 10px;
-  height: 10px;
-  background-color: #22c55e;
-  border-radius: 50%;
-}
-
-.multi-icon {
-  background-color: #f0e7fe;
-  position: relative;
-}
-
-.multi-icon::before {
-  content: '';
-  width: 10px;
-  height: 10px;
-  background-color: #8b5cf6;
-  border-radius: 50%;
-}
-
-.article-icon {
-  background-color: #fef2f2;
-  position: relative;
-}
-
-.article-icon::before {
-  content: '';
-  width: 10px;
-  height: 10px;
-  background-color: #ef4444;
-  border-radius: 50%;
-}
-
-.wechat-icon {
-  background-color: #ecfdf5;
-  position: relative;
-}
-
-.wechat-icon::before {
-  content: '';
-  width: 10px;
-  height: 10px;
-  background-color: #10b981;
-  border-radius: 50%;
-}
-
-/* 空状态样式 */
-.empty-state {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  padding: 100px 0;
-  background-color: #fff;
-  border-radius: 8px;
-  margin-top: 20px;
-}
-
-.empty-image {
-  width: 120px;
-  height: 120px;
-  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23d1d5db" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"><path d="M22 12h-4l-3 9L9 3l-3 9H2"/></svg>');
-  background-repeat: no-repeat;
-  background-position: center;
-  background-size: contain;
-  margin-bottom: 20px;
-  opacity: 0.5;
-}
-
-.empty-text {
-  color: #9ca3af;
-  font-size: 14px;
-}
-</style>
\ No newline at end of file
diff --git a/sau_frontend/src/components/VideoPublishView.vue b/sau_frontend/src/components/VideoPublishView.vue
deleted file mode 100644
index a94da12..0000000
--- a/sau_frontend/src/components/VideoPublishView.vue
+++ /dev/null
@@ -1,1759 +0,0 @@
-<template>
-	<div class="video-publish-container">
-		<!-- 视频上传区域 -->
-		<div class="section">
-			<div class="section-title">视频</div>
-			<div class="videos-container">
-				<div class="video-upload-area" @click="showSourceSelector" v-if="videoList.length < 5">
-					<div class="upload-icon">
-						<span class="icon">↑</span>
-						<span class="text">上传</span>
-					</div>
-				</div>
-				<div v-for="(video, index) in videoList" :key="index" class="video-preview">
-					<video controls :src="video.previewUrl"></video>
-					<div class="video-actions">
-						<button class="remove-btn" @click.stop="removeVideo(index)">删除</button>
-					</div>
-				</div>
-			</div>
-			<div class="video-count" v-if="videoList.length > 0">
-				已上传 {{ videoList.length }} 个视频 (最多5个)
-			</div>
-			<input type="file" ref="videoInput" accept="video/*" style="display: none" @change="handleVideoUpload" />
-
-			<!-- 视频来源选择器 -->
-			<div class="source-selector" v-if="isSourceSelectorVisible" @click="hideSourceSelector">
-				<div class="source-selector-content" @click.stop>
-					<div class="source-option" @click="selectLocalSource">
-						<span>本地视频</span>
-					</div>
-					<div class="source-option" @click="showMaterialLibrary">
-						<span>素材库</span>
-					</div>
-				</div>
-			</div>
-
-			<!-- 素材库选择弹窗 -->
-			<div class="material-library-modal" v-if="isMaterialLibraryVisible" @click="closeMaterialLibraryOnOutsideClick">
-				<div class="material-library-content">
-					<div class="modal-header">
-						<h3>选择素材</h3>
-						<button class="close-btn" @click="hideMaterialLibrary">×</button>
-					</div>
-					<div class="modal-body">
-						<div v-if="isLoadingMaterials" class="loading-materials">
-							<span>加载素材中...</span>
-						</div>
-						<div v-else-if="materialList.length === 0" class="no-materials">
-							<span>暂无可用素材</span>
-						</div>
-						<div v-else class="material-grid">
-							<div v-for="material in materialList" :key="material.id" class="material-item"
-								:class="{ 'selected': selectedMaterial === material.id }" @click="selectMaterial(material)">
-								<div class="material-checkbox">
-									<div class="checkbox" :class="{ 'checked': selectedMaterial === material.id }"></div>
-								</div>
-								<div class="material-preview">
-									<img src="@/assets/bofang.png" alt="播放图标" class="play-icon">
-								</div>
-								<div class="material-info">
-									<div class="material-name">{{ material.filename }}</div>
-								</div>
-							</div>
-						</div>
-					</div>
-					<div class="modal-footer">
-						<button class="cancel-btn" @click="hideMaterialLibrary">取消</button>
-						<button class="confirm-btn" @click="confirmMaterialSelection" :disabled="!selectedMaterial">确认</button>
-					</div>
-				</div>
-			</div>
-		</div>
-
-		<!-- 账号选择区域 -->
-		<div class="section">
-			<div class="section-title">账号</div>
-			<div class="account-selector" @click="showAccountSelector">
-				<div v-if="selectedAccounts.length === 0" class="account-placeholder">
-					<span>+ 添加账号</span>
-				</div>
-				<div v-else class="selected-accounts-container">
-					<div v-for="(account, index) in selectedAccounts" :key="account.id" class="selected-account">
-						<img :src="account.avatar" alt="账号头像" class="account-avatar" />
-						<span class="account-name">{{ account.name }}</span>
-						<span class="account-status" :class="account.statusType">{{ account.status }}</span>
-						<button class="remove-account-btn" @click.stop="removeAccount(index)">×</button>
-					</div>
-					<div class="add-more-account" @click.stop="showAccountSelector">
-						<span>+ 添加更多</span>
-					</div>
-				</div>
-			</div>
-		</div>
-
-		<!-- 账号选择弹窗 -->
-		<div class="account-selector-modal" v-if="isAccountSelectorVisible" @click="closeModalOnOutsideClick">
-			<div class="account-selector-content">
-				<div class="modal-header">
-					<h3>选择账号</h3>
-					<button class="refresh-btn" @click.stop="refreshAccounts" title="刷新账号列表">
-						<span class="refresh-icon">↻</span>
-					</button>
-					<button class="close-btn" @click="hideAccountSelector">×</button>
-				</div>
-				<div class="modal-body">
-					<div v-if="isAccountsLoading" class="loading-accounts">
-						<span>加载账号中...</span>
-					</div>
-					<div v-else-if="accountList.length === 0" class="no-accounts">
-						<span>暂无可用账号</span>
-					</div>
-					<div v-else class="account-list">
-						<div v-for="account in accountList" :key="account.id" class="account-item"
-							:class="{ 'selected': isAccountSelected(account) }" @click="selectAccount(account)">
-							<div class="account-checkbox">
-								<div class="checkbox" :class="{ 'checked': isAccountSelected(account) }"></div>
-							</div>
-							<img :src="account.avatar" alt="账号头像" class="account-avatar" />
-							<div class="account-info">
-								<div class="account-name">{{ account.name }}</div>
-								<div class="account-status" :class="account.statusType">{{ account.status }}</div>
-							</div>
-						</div>
-					</div>
-				</div>
-				<div class="modal-footer">
-					<button class="cancel-btn" @click="hideAccountSelector">取消</button>
-					<button class="confirm-btn" @click="confirmAccountSelection">确认</button>
-				</div>
-			</div>
-		</div>
-
-		<!-- 平台选择区域 -->
-		<div class="section">
-			<div class="section-title">平台</div>
-			<div class="platform-selector">
-				<button class="platform-btn" :class="{ 'active': selectedPlatform === 3 }" @click="selectPlatform(3)">
-					抖音
-				</button>
-				<button class="platform-btn" :class="{ 'active': selectedPlatform === 4 }" @click="selectPlatform(4)">
-					快手
-				</button>
-				<button class="platform-btn" :class="{ 'active': selectedPlatform === 2 }" @click="selectPlatform(2)">
-					视频号
-				</button>
-				<button class="platform-btn" :class="{ 'active': selectedPlatform === 1 }" @click="selectPlatform(1)">
-					小红书
-				</button>
-			</div>
-		</div>
-
-		<!-- 标题输入区域 -->
-		<div class="section">
-			<div class="section-title">标题</div>
-			<div class="title-input-container">
-				<textarea v-model="title" @input="updateCharCount" placeholder="请输入标题" maxlength="100"
-					rows="2"></textarea>
-				<div class="char-count">{{ charCount }}/100</div>
-			</div>
-		</div>
-
-		<!-- 话题选择区域 -->
-		<div class="section">
-			<div class="section-title">话题</div>
-			<div class="tags-container">
-				<div v-for="(tag, index) in tags" :key="index" class="tag">
-					{{ tag }}
-					<span class="remove-tag" @click="removeTag(index)">×</span>
-				</div>
-				<div class="add-tag" @click="showTagSelector">+ 添加话题</div>
-			</div>
-		</div>
-
-		<!-- 话题选择弹窗 -->
-		<div class="tag-selector-modal" v-if="isTagSelectorVisible" @click="closeTagSelectorOnOutsideClick">
-			<div class="tag-selector-content">
-				<div class="modal-header">
-					<h3>选择话题</h3>
-					<button class="close-btn" @click="hideTagSelector">×</button>
-				</div>
-				<div class="modal-body">
-					<div class="custom-tag-input">
-						<input v-model="customTag" placeholder="输入自定义话题" @keyup.enter="addCustomTag" />
-						<button @click="addCustomTag">添加</button>
-					</div>
-					<div class="suggested-tags">
-						<h4>推荐话题</h4>
-						<div class="tag-grid">
-							<div v-for="tag in suggestedTags" :key="tag" class="suggested-tag"
-								@click="addSuggestedTag(tag)">
-								{{ tag }}
-							</div>
-						</div>
-					</div>
-				</div>
-			</div>
-		</div>
-
-		<!-- 位置输入区域 -->
-		<!-- <div class="section">
-			<div class="section-title">位置</div>
-			<div class="location-input-container">
-				<input v-model="location" placeholder="请输入位置" maxlength="50" />
-			</div>
-		</div> -->
-
-		<!-- 定时发布设置区域 -->
-		<div class="section">
-			<div class="section-title">定时发布</div>
-			<div class="timer-toggle">
-				<label class="switch">
-					<input type="checkbox" v-model="enableTimer">
-					<span class="slider round"></span>
-				</label>
-				<span>{{ enableTimer ? '已开启' : '已关闭' }}</span>
-			</div>
-
-			<div class="timer-settings" v-if="enableTimer">
-				<div class="setting-item">
-					<label>每天发布视频数</label>
-					<select v-model="videosPerDay">
-						<option v-for="n in 5" :key="n" :value="n">{{ n }}</option>
-					</select>
-				</div>
-
-				<div class="setting-item">
-					<label>每天发布时间</label>
-					<div class="time-slots">
-						<div v-for="(time, index) in dailyTimes" :key="index" class="time-slot">
-							<input type="time" v-model="dailyTimes[index]">
-							<button v-if="dailyTimes.length > 1" @click="removeTimeSlot(index)"
-								class="remove-time-btn">×</button>
-						</div>
-						<button v-if="dailyTimes.length < videosPerDay" @click="addTimeSlot" class="add-time-btn">+
-							添加时间</button>
-					</div>
-				</div>
-
-				<div class="setting-item">
-					<label>开始天数</label>
-					<select v-model="startDays">
-						<option :value="0">明天</option>
-						<option :value="1">后天</option>
-					</select>
-				</div>
-			</div>
-		</div>
-
-		<!-- 操作按钮区域 -->
-		<div class="action-buttons">
-			<button class="preview-btn" @click="previewContent" :disabled="videoList.length === 0 || isUploading">
-				预览
-			</button>
-			<button class="publish-btn" @click="publishContent"
-				:disabled="videoList.length === 0 || !title || selectedAccounts.length === 0 || !selectedPlatform || isUploading">
-				{{ isUploading ? '上传中...' : '发布' }}
-			</button>
-		</div>
-	</div>
-</template>
-
-<script setup>
-	import { ref, onMounted, onUnmounted, watch, defineProps } from 'vue';
-import { useRoute } from 'vue-router';
-import { API_BASE_URL, globalAccountsCache } from '../config';
-import axios from 'axios';
-import tx from '@assets/fengbaobao.png'
-
-// 定义props接收路由参数
-const props = defineProps({
-  id: {
-    type: String,
-    required: true
-  }
-});
-
-	// 使用路由参数作为组件实例的唯一标识
-	const route = useRoute();
-	const suggestedTags = ['游戏', '电影', '音乐', '美食', '旅行', '文化', '科技', '生活', '娱乐', '体育', '教育', '艺术', '健康', '时尚', '美食', '旅行', '文化', '科技', '生活', '娱乐', '体育', '教育', '艺术', '健康', '时尚'];
-	const instanceId = route.params.id || Date.now().toString();
-
-	// 组件状态
-	// 组件状态
-	const videoInput = ref(null);
-	const videoList = ref([]); // 修改为视频列表
-	const title = ref('');
-	const charCount = ref(0);
-	const tags = ref([]);
-	const location = ref('');
-	const file_list = ref([]); // 保存上传后的fileID
-	const isUploading = ref(false); // 上传状态
-	const customTag = ref(''); // 自定义话题输入
-	const isTagSelectorVisible = ref(false); // 话题选择器是否可见
-
-	// 视频来源选择器相关
-	const isSourceSelectorVisible = ref(false); // 视频来源选择器是否可见
-
-	// 素材库选择相关
-	const isMaterialLibraryVisible = ref(false); // 素材库选择器是否可见
-	const isLoadingMaterials = ref(false); // 素材加载状态
-	const materialList = ref([]); // 素材列表
-	const selectedMaterial = ref(null); // 选中的素材ID
-
-	// 账号选择相关
-	const selectedAccounts = ref([]); // 选中的账号列表
-	const tempSelectedAccounts = ref([]); // 临时选中的账号列表，用于确认前的暂存
-	const isAccountSelectorVisible = ref(false); // 账号选择器是否可见
-	const isAccountsLoading = ref(false); // 账号加载状态
-	const accountList = ref([]); // 账号列表
-	const account_list = ref([]); // 保存选中账号的cookie
-
-	// 平台选择相关
-	const selectedPlatform = ref(null); // 选中的平台：3-抖音，2-视频号，1-小红书
-
-	// 定时发布相关
-	const enableTimer = ref(false); // 是否启用定时发布
-	const videosPerDay = ref(1); // 每天发布视频数
-	const dailyTimes = ref(['08:00']); // 每天发布时间
-	const startDays = ref(0); // 开始天数：0-明天，1-后天
-
-	// 触发视频上传
-	const triggerVideoUpload = () => {
-		videoInput.value?.click();
-	};
-
-	// 显示视频来源选择器
-	const showSourceSelector = () => {
-		isSourceSelectorVisible.value = true;
-	};
-
-	// 隐藏视频来源选择器
-	const hideSourceSelector = () => {
-		isSourceSelectorVisible.value = false;
-	};
-
-	// 选择本地视频源
-	const selectLocalSource = () => {
-		hideSourceSelector();
-		triggerVideoUpload();
-	};
-
-	// 显示素材库
-	const showMaterialLibrary = () => {
-		hideSourceSelector();
-		isMaterialLibraryVisible.value = true;
-		fetchMaterials();
-	};
-
-	// 隐藏素材库
-	const hideMaterialLibrary = () => {
-		isMaterialLibraryVisible.value = false;
-		selectedMaterial.value = null;
-	};
-
-	// 点击素材库外部关闭
-	const closeMaterialLibraryOnOutsideClick = (event) => {
-		if (event.target.classList.contains('material-library-modal')) {
-			hideMaterialLibrary();
-		}
-	};
-
-	// 获取素材列表
-	const fetchMaterials = async () => {
-		isLoadingMaterials.value = true;
-		try {
-			const response = await axios.get(`/api/getFiles`);
-			console.log('获取素材列表响应:', response.data);
-			
-			if (response.data.code === 200) {
-				// 处理文件路径，添加完整的请求地址
-				const materialItems = (response.data.data || []).map(item => {
-					return {
-						...item,
-						file_path: `/api${item.file_path}` // 添加API前缀到文件路径
-					};
-				});
-				
-				// 对每个素材调用getFile接口获取视频数据
-				const materialPromises = materialItems.map(async (item) => {
-					try {
-						// 从file_path中提取文件名
-						const filename = item.file_path.split('/').pop();
-						if (!filename) return item;
-						
-						// 调用getFile接口获取视频数据
-						const fileResponse = await axios.get(`/api/getFile`, {
-							params: { filename: filename }
-						});
-						
-						console.log(`获取素材 ${filename} 数据:`, fileResponse.data);
-						
-						if (fileResponse.data.code === 200) {
-							// 将获取的视频数据合并到素材对象中
-							return {
-								...item,
-								videoData: fileResponse.data.data
-							};
-						}
-						return item;
-					} catch (error) {
-						console.error(`获取素材 ${item.filename || item.file_name} 数据失败:`, error);
-						return item;
-					}
-				});
-				
-				// 等待所有getFile请求完成
-				materialList.value = await Promise.all(materialPromises);
-				
-				console.log('处理后的素材列表:', materialList.value);
-			} else {
-				console.error('获取素材列表失败:', response.data.message);
-			}
-		} catch (error) {
-			console.error('获取素材列表失败:', error);
-		} finally {
-			isLoadingMaterials.value = false;
-		}
-	};
-
-	// 选择素材
-	const selectMaterial = (material) => {
-		// 如果点击的是已选中的素材，则取消选择
-		if (selectedMaterial.value === material.id) {
-			selectedMaterial.value = null;
-		} else {
-			selectedMaterial.value = material.id;
-		}
-	};
-
-	// 确认素材选择
-	const confirmMaterialSelection = () => {
-		if (!selectedMaterial.value) return;
-		
-		const material = materialList.value.find(m => m.id === selectedMaterial.value);
-		if (material) {
-			// 从file_path中提取第一个下划线之前的内容作为fileID
-			const filePath = material.file_path;
-			const fileId = filePath.split('_')[0].split('/').pop();
-			console.log('选择的素材ID:', fileId);
-			
-			// 添加到file_list
-			if (fileId && !file_list.value.includes(fileId)) {
-				file_list.value.push(fileId);
-			}
-			
-			// 添加到视频列表用于预览
-			videoList.value.push({
-				previewUrl: material.file_path,
-				isFromLibrary: true
-			});
-		}
-		
-		hideMaterialLibrary();
-	};
-
-	// 判断是否为视频文件
-	const isVideo = (filename) => {
-		if (!filename) return false;
-		const videoExtensions = ['.mp4', '.avi', '.mov', '.wmv', '.flv', '.mkv'];
-		return videoExtensions.some(ext => filename.toLowerCase().endsWith(ext));
-	};
-
-	// 处理视频上传
-	const handleVideoUpload = (event) => {
-		const input = event.target;
-		console.log('触发视频上传:', input);
-		if (input.files && input.files.length > 0) {
-			const file = input.files[0];
-			console.log('上传的文件:', file);
-			const previewUrl = URL.createObjectURL(file);
-			console.log('预览URL:', previewUrl);
-			videoList.value.push({ file, previewUrl });
-			console.log('添加到视频列表:', videoList.value);
-
-			// 清空input，允许再次选择相同文件
-			if (videoInput.value) {
-				videoInput.value.value = '';
-			}
-		}
-	};
-
-	// 删除视频
-	const removeVideo = (index) => {
-		if (videoList.value[index].previewUrl) {
-			URL.revokeObjectURL(videoList.value[index].previewUrl);
-		}
-		videoList.value.splice(index, 1);
-	};
-
-	// 更新字符计数
-	const updateCharCount = () => {
-		charCount.value = title.value.length;
-	};
-
-	// 显示话题选择器
-	const showTagSelector = () => {
-		isTagSelectorVisible.value = true;
-	};
-
-	// 隐藏话题选择器
-	const hideTagSelector = () => {
-		isTagSelectorVisible.value = false;
-		customTag.value = ''; // 清空自定义话题输入
-	};
-
-	// 点击话题选择器外部关闭
-	const closeTagSelectorOnOutsideClick = (event) => {
-		if (event.target.classList.contains('tag-selector-modal')) {
-			hideTagSelector();
-		}
-	};
-
-	// 添加预设话题
-	const addSuggestedTag = (tag) => {
-		if (!tags.value.includes(tag)) {
-			tags.value.push(tag);
-		}
-	};
-
-	// 添加自定义话题
-	const addCustomTag = () => {
-		if (customTag.value && !tags.value.includes(customTag.value)) {
-			tags.value.push(customTag.value);
-			customTag.value = ''; // 清空输入
-		}
-	};
-
-	// 删除话题
-	const removeTag = (index) => {
-		tags.value.splice(index, 1);
-	};
-
-	// 显示账号选择器
-	const showAccountSelector = () => {
-		// 检查是否已选择平台
-		if (!selectedPlatform.value) {
-			alert('请先选择平台');
-			return;
-		}
-		
-		isAccountSelectorVisible.value = true;
-		// 复制当前选中的账号到临时选中列表
-		tempSelectedAccounts.value = [...selectedAccounts.value];
-		fetchAccounts();
-	};
-
-	// 隐藏账号选择器
-	const hideAccountSelector = () => {
-		isAccountSelectorVisible.value = false;
-		// 清空临时选中列表
-		tempSelectedAccounts.value = [];
-	};
-
-	// 点击模态框外部关闭
-	const closeModalOnOutsideClick = (event) => {
-		if (event.target.classList.contains('account-selector-modal')) {
-			hideAccountSelector();
-		}
-	};
-
-	// 获取账号列表
-	const fetchAccounts = async (forceRefresh = false) => {
-		isAccountsLoading.value = true;
-		
-		// 检查全局缓存是否有效且不是强制刷新
-		if (!forceRefresh && globalAccountsCache.isValid()) {
-			console.log("使用缓存的账号列表数据");
-			accountList.value = formatAccountData(globalAccountsCache.accounts);
-			isAccountsLoading.value = false;
-			return;
-		}
-		
-		try {
-			console.log("getValidAccounts请求前", `api/getValidAccounts`);
-			const response = await axios.get(`api/getValidAccounts`);
-			console.log("getValidAccounts",response.data.code);
-
-			if (response.data.code === 200) {
-				console.log("getValidAccounts",response.data.data);
-				
-				// 更新全局缓存
-				globalAccountsCache.updateCache(response.data.data);
-				
-				// 格式化账号数据
-				accountList.value = formatAccountData(response.data.data);
-			}
-		} catch (error) {
-			console.error('获取账号列表失败:', error);
-			accountList.value = [];
-		} finally {
-			isAccountsLoading.value = false;
-		}
-	};
-
-	// 格式化账号数据
-	const formatAccountData = (data) => {
-		return data.map(account => ({
-			id: account[0] || Math.random().toString(36).substr(2, 9),
-			name: account[3] || '未命名账号',
-			avatar: tx,
-			status: account[4] === 1 ? '正常' : '异常',
-			statusType: account[4] === 1 ? 'normal' : 'warning',
-			userData: account,
-			cookie: account[2] // 保存cookie路径
-		}));
-	};
-
-	// 刷新账号列表
-	const refreshAccounts = () => {
-		fetchAccounts(true); // 强制刷新
-	};
-
-	// 选择账号
-	const selectAccount = (account) => {
-		const index = tempSelectedAccounts.value.findIndex(item => item.id === account.id);
-		if (index === -1) {
-			// 如果账号不在临时选中列表中，添加它
-			tempSelectedAccounts.value.push(account);
-		} else {
-			// 如果账号已在临时选中列表中，移除它
-			tempSelectedAccounts.value.splice(index, 1);
-		}
-	};
-
-	// 确认账号选择
-	const confirmAccountSelection = () => {
-		// 将临时选中的账号列表应用到实际选中的账号列表
-		selectedAccounts.value = [...tempSelectedAccounts.value];
-		// 更新 account_list 用于 API 请求
-		account_list.value = selectedAccounts.value.map(account => account.cookie);
-		hideAccountSelector();
-	};
-
-	// 检查账号是否被选中
-	const isAccountSelected = (account) => {
-		return tempSelectedAccounts.value.some(item => item.id === account.id);
-	};
-
-	// 移除已选择的账号
-	const removeAccount = (index) => {
-		selectedAccounts.value.splice(index, 1);
-		// 更新 account_list
-		account_list.value = selectedAccounts.value.map(account => account.cookie);
-	};
-
-	// 选择平台
-	const selectPlatform = (platformId) => {
-		selectedPlatform.value = platformId;
-	};
-
-	// 添加时间槽
-	const addTimeSlot = () => {
-		if (dailyTimes.value.length < videosPerDay.value) {
-			dailyTimes.value.push('12:00');
-		}
-	};
-
-	// 移除时间槽
-	const removeTimeSlot = (index) => {
-		dailyTimes.value.splice(index, 1);
-	};
-
-	// 监听视频数量变化，调整时间槽
-	watch(videosPerDay, (newValue, oldValue) => {
-		if (newValue > oldValue) {
-			// 增加时间槽
-			for (let i = dailyTimes.value.length; i < newValue; i++) {
-				dailyTimes.value.push('12:00');
-			}
-		} else if (newValue < oldValue) {
-			// 减少时间槽
-			dailyTimes.value = dailyTimes.value.slice(0, newValue);
-		}
-	});
-
-	// 预览内容
-	const previewContent = () => {
-		if (videoList.value.length === 0) {
-			alert('请上传视频');
-			return;
-		}
-
-		// 这里可以实现预览逻辑
-		alert('预览功能开发中...');
-	};
-
-	// 发布内容
-	const publishContent = async () => {
-		// 验证必填项
-		if (videoList.value.length === 0) {
-			alert('请上传视频');
-			return;
-		}
-
-		if (!title.value) {
-			alert('请输入标题');
-			return;
-		}
-
-		if (selectedAccounts.value.length === 0) {
-			alert('请选择至少一个账号');
-			return;
-		}
-
-		if (!selectedPlatform.value) {
-			alert('请选择发布平台');
-			return;
-		}
-
-		// 设置上传状态
-		isUploading.value = true;
-
-		try {
-			// 上传所有视频
-			console.log('上传视频...');
-			for (const videoItem of videoList.value) {
-				// 创建FormData对象
-				console.log('上传文件:', videoItem.file.name);
-				const formData = new FormData();
-				formData.append('file', videoItem.file);
-				formData.append('filename', videoItem.file.name);
-				
-				for (let [key, value] of formData) {
-					console.log(key, value);
-				}
-				
-				try {
-					const response = await axios.post('/api/upload', formData);
-					console.log('上传成功，请手动刷新列表', response.data);
-					
-					// 检查请求是否成功
-					if (response.data.code === 200) {
-						// 提取fileID并保存
-						if (response.data.data) {
-							file_list.value.push(response.data.data);
-							console.log('文件上传成功，fileID:', response.data.data);
-							console.log('file_list:', file_list.value);
-						} else {
-							throw new Error('未获取到fileID');
-						}
-					} else {
-						throw new Error(response.data.message || '上传失败');
-					}
-				} catch (err) {
-					console.error('上传失败:', err.response?.data || err.message);
-					throw new Error(err.response?.data?.message || err.message || '上传失败');
-				}
-			}
-
-			// 准备发布数据
-
-			const postData = {
-				fileList: file_list.value,
-				accountList: account_list.value,
-				type: selectedPlatform.value,
-				tags: tags.value,
-				title: title.value,
-				category: 0
-			};
-
-			// 如果启用定时发布，添加相关参数
-			if (enableTimer.value) {
-				postData.enableTimer = true;
-				postData.videos_per_day = videosPerDay.value;
-				postData.daily_times = dailyTimes.value.map(time => {
-					const [hours, minutes] = time.split(':');
-					return parseInt(hours) * 60 + parseInt(minutes); // 转换为分钟数
-				});
-				postData.start_days = startDays.value;
-			} else {
-				postData.enableTimer = false;
-			}
-
-			// 发送发布请求
-			const publishResponse = await axios.post('/api/postVideo', postData);
-			console.log('发布结果:', publishResponse.data);
-
-			if (publishResponse.data.code === 200) {
-				alert('发布成功！');
-				// 重置表单
-				resetForm();
-			} else {
-				throw new Error(publishResponse.data.message || '发布失败');
-			}
-		} catch (error) {
-			console.error('发布视频失败:', error);
-			alert(`发布失败: ${error instanceof Error ? error.message : '未知错误'}`);
-		} finally {
-			isUploading.value = false;
-		}
-	};
-
-	// 重置表单
-	const resetForm = () => {
-		// 清理所有视频预览URL
-		videoList.value.forEach(video => {
-			if (video.previewUrl) {
-				URL.revokeObjectURL(video.previewUrl);
-			}
-		});
-		videoList.value = [];
-		title.value = '';
-		tags.value = [];
-		location.value = '';
-		file_list.value = [];
-		selectedAccounts.value = [];
-		account_list.value = [];
-		selectedPlatform.value = null;
-		enableTimer.value = false;
-		videosPerDay.value = 1;
-		dailyTimes.value = ['08:00'];
-		startDays.value = 0;
-	};
-
-	// 组件卸载时清理资源
-	onUnmounted(() => {
-		// 清理所有视频预览URL
-		videoList.value.forEach(video => {
-			if (video.previewUrl) {
-				URL.revokeObjectURL(video.previewUrl);
-			}
-		});
-	});
-</script>
-
-<style scoped>
-	.video-publish-container {
-		max-width: 800px;
-		margin: 0 auto;
-		padding: 20px;
-	}
-
-	/* 通用部分样式 */
-	.section {
-		margin-bottom: 20px;
-		border: 1px solid #eee;
-		border-radius: 8px;
-		padding: 15px;
-		background-color: #fff;
-	}
-
-	.section-title {
-		font-size: 16px;
-		font-weight: bold;
-		margin-bottom: 10px;
-		color: #333;
-	}
-
-	/* 视频上传区域样式 - 更新 */
-	.videos-container {
-		display: flex;
-		flex-wrap: wrap;
-		gap: 15px;
-	}
-
-	.video-upload-area {
-		border: 2px dashed #ddd;
-		border-radius: 8px;
-		width: 200px;
-		height: 150px;
-		display: flex;
-		justify-content: center;
-		align-items: center;
-		cursor: pointer;
-		background-color: #f9f9f9;
-		transition: all 0.3s;
-	}
-
-	.video-upload-area:hover {
-		border-color: #409eff;
-		background-color: #f0f7ff;
-	}
-
-	.upload-icon {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-	}
-
-	.upload-icon .icon {
-		font-size: 30px;
-		color: #909399;
-	}
-
-	.upload-icon .text {
-		margin-top: 10px;
-		color: #606266;
-	}
-
-	.video-preview {
-		position: relative;
-		width: 200px;
-		height: 150px;
-		border-radius: 8px;
-		overflow: hidden;
-	}
-
-	.video-preview video {
-		width: 100%;
-		height: 100%;
-		object-fit: cover;
-	}
-
-	.video-actions {
-		position: absolute;
-		top: 10px;
-		right: 10px;
-		z-index: 10;
-	}
-
-	.remove-btn {
-		background-color: rgba(0, 0, 0, 0.5);
-		color: white;
-		border: none;
-		border-radius: 4px;
-		padding: 5px 10px;
-		cursor: pointer;
-		font-size: 12px;
-	}
-
-	.remove-btn:hover {
-		background-color: rgba(0, 0, 0, 0.7);
-	}
-
-	.video-count {
-		margin-top: 10px;
-		font-size: 14px;
-		color: #909399;
-	}
-
-	/* 账号选择区域样式 */
-	.account-selector {
-		border: 1px dashed #ddd;
-		border-radius: 8px;
-		padding: 10px;
-		cursor: pointer;
-		min-height: 50px;
-		background-color: #f9f9f9;
-		transition: all 0.3s;
-	}
-
-	.account-selector:hover {
-		border-color: #409eff;
-		background-color: #f0f7ff;
-	}
-
-	.account-placeholder {
-		display: flex;
-		justify-content: center;
-		align-items: center;
-		height: 30px;
-		color: #909399;
-	}
-
-	.selected-accounts-container {
-		display: flex;
-		flex-wrap: wrap;
-		gap: 10px;
-	}
-
-	.selected-account {
-		display: flex;
-		align-items: center;
-		background-color: #f0f7ff;
-		border: 1px solid #d9ecff;
-		border-radius: 4px;
-		padding: 5px 10px;
-		position: relative;
-	}
-
-	.account-avatar {
-		width: 24px;
-		height: 24px;
-		border-radius: 50%;
-		margin-right: 8px;
-		object-fit: cover;
-	}
-
-	.account-name {
-		font-size: 14px;
-		color: #333;
-		margin-right: 8px;
-	}
-
-	.account-status {
-		font-size: 12px;
-		padding: 2px 6px;
-		border-radius: 10px;
-	}
-
-	.account-status.normal {
-		background-color: #f0f9eb;
-		color: #67c23a;
-	}
-
-	.account-status.warning {
-		background-color: #fdf6ec;
-		color: #e6a23c;
-	}
-
-	.remove-account-btn {
-		background: none;
-		border: none;
-		color: #909399;
-		cursor: pointer;
-		font-size: 16px;
-		margin-left: 5px;
-		padding: 0 5px;
-	}
-
-	.remove-account-btn:hover {
-		color: #f56c6c;
-	}
-
-	.add-more-account {
-		display: flex;
-		align-items: center;
-		color: #409eff;
-		font-size: 14px;
-		cursor: pointer;
-		padding: 5px 10px;
-	}
-
-	/* 账号选择弹窗样式 */
-	.account-selector-modal {
-		position: fixed;
-		top: 0;
-		left: 0;
-		width: 100%;
-		height: 100%;
-		background-color: rgba(0, 0, 0, 0.5);
-		display: flex;
-		justify-content: center;
-		align-items: center;
-		z-index: 1000;
-	}
-
-	.account-selector-content {
-		width: 90%;
-		max-width: 500px;
-		background-color: white;
-		border-radius: 8px;
-		overflow: hidden;
-		box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-	}
-
-	.modal-header {
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
-		padding: 15px;
-		border-bottom: 1px solid #eee;
-	}
-
-	.modal-header h3 {
-		margin: 0;
-		font-size: 18px;
-	}
-
-	.close-btn {
-		background: none;
-		border: none;
-		font-size: 24px;
-		cursor: pointer;
-		color: #666;
-	}
-
-	.refresh-btn {
-		background: none;
-		border: none;
-		font-size: 18px;
-		cursor: pointer;
-		color: #666;
-		margin-left: auto;
-		margin-right: 10px;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-	}
-
-	.refresh-icon {
-		display: inline-block;
-		transition: transform 0.3s ease;
-	}
-
-	.refresh-btn:hover .refresh-icon {
-		transform: rotate(180deg);
-		color: #409eff;
-	}
-
-	.close-btn:hover {
-		color: #f56c6c;
-	}
-
-	.modal-body {
-		padding: 20px;
-		max-height: 400px;
-		overflow-y: auto;
-	}
-
-	.loading-accounts,
-	.no-accounts {
-		display: flex;
-		justify-content: center;
-		align-items: center;
-		height: 100px;
-		color: #909399;
-	}
-
-	.account-list {
-		display: flex;
-		flex-direction: column;
-		gap: 10px;
-	}
-
-	.account-item {
-		display: flex;
-		align-items: center;
-		padding: 10px;
-		border-radius: 4px;
-		cursor: pointer;
-		transition: background-color 0.3s;
-	}
-
-	.account-item:hover {
-		background-color: #f5f7fa;
-	}
-
-	.account-item.selected {
-		background-color: #f0f7ff;
-	}
-
-	.account-checkbox {
-		margin-right: 10px;
-	}
-
-	.checkbox {
-		width: 18px;
-		height: 18px;
-		border: 2px solid #dcdfe6;
-		border-radius: 2px;
-		position: relative;
-	}
-
-	.checkbox.checked {
-		background-color: #409eff;
-		border-color: #409eff;
-	}
-
-	.checkbox.checked::after {
-		content: '';
-		position: absolute;
-		top: 3px;
-		left: 6px;
-		width: 3px;
-		height: 7px;
-		border: solid white;
-		border-width: 0 2px 2px 0;
-		transform: rotate(45deg);
-	}
-
-	.account-info {
-		flex: 1;
-	}
-
-	.modal-footer {
-		display: flex;
-		justify-content: flex-end;
-		padding: 15px 20px;
-		border-top: 1px solid #eee;
-		gap: 10px;
-	}
-
-	.cancel-btn,
-	.confirm-btn {
-		padding: 8px 20px;
-		border-radius: 4px;
-		cursor: pointer;
-		font-size: 14px;
-	}
-
-	.cancel-btn {
-		background-color: #f5f7fa;
-		border: 1px solid #dcdfe6;
-		color: #606266;
-	}
-
-	.confirm-btn {
-		background-color: #409eff;
-		border: 1px solid #409eff;
-		color: white;
-	}
-
-	.cancel-btn:hover {
-		background-color: #e9ebef;
-	}
-
-	.confirm-btn:hover {
-		background-color: #66b1ff;
-	}
-
-	/* 平台选择区域样式 */
-	.platform-selector {
-		display: flex;
-		gap: 10px;
-	}
-
-	.platform-btn {
-		flex: 1;
-		padding: 10px 15px;
-		border: 1px solid #dcdfe6;
-		border-radius: 4px;
-		background-color: white;
-		color: #606266;
-		cursor: pointer;
-		font-size: 14px;
-		transition: all 0.3s;
-	}
-
-	.platform-btn:hover {
-		border-color: #c6e2ff;
-		color: #409eff;
-	}
-
-	.platform-btn.active {
-		background-color: #409eff;
-		border-color: #409eff;
-		color: white;
-	}
-
-	/* 标题输入区域样式 */
-	.title-input-container {
-		position: relative;
-	}
-
-	textarea {
-		width: 100%;
-		padding: 10px;
-		border: 1px solid #dcdfe6;
-		border-radius: 4px;
-		font-size: 14px;
-		resize: none;
-	}
-
-	.char-count {
-		position: absolute;
-		bottom: 5px;
-		right: 10px;
-		font-size: 12px;
-		color: #909399;
-	}
-
-	/* 话题选择区域样式 */
-	.tags-container {
-		display: flex;
-		flex-wrap: wrap;
-		gap: 10px;
-	}
-
-	.tag {
-		display: flex;
-		align-items: center;
-		background-color: #f0f7ff;
-		border: 1px solid #d9ecff;
-		border-radius: 4px;
-		padding: 5px 10px;
-		font-size: 14px;
-		color: #409eff;
-	}
-
-	.remove-tag {
-		margin-left: 5px;
-		cursor: pointer;
-		color: #909399;
-	}
-
-	.remove-tag:hover {
-		color: #f56c6c;
-	}
-
-	.add-tag {
-		display: flex;
-		align-items: center;
-		color: #409eff;
-		border: 1px dashed #d9ecff;
-		border-radius: 4px;
-		padding: 5px 10px;
-		cursor: pointer;
-		font-size: 14px;
-	}
-
-	.add-tag:hover {
-		background-color: #f0f7ff;
-	}
-
-	/* 话题选择弹窗样式 */
-	.tag-selector-modal {
-		position: fixed;
-		top: 0;
-		left: 0;
-		width: 100%;
-		height: 100%;
-		background-color: rgba(0, 0, 0, 0.5);
-		display: flex;
-		justify-content: center;
-		align-items: center;
-		z-index: 1000;
-	}
-
-	.tag-selector-content {
-		width: 90%;
-		max-width: 500px;
-		background-color: white;
-		border-radius: 8px;
-		overflow: hidden;
-		box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-	}
-
-	.custom-tag-input {
-		display: flex;
-		margin-bottom: 15px;
-	}
-
-	.custom-tag-input input {
-		flex: 1;
-		padding: 8px 10px;
-		border: 1px solid #dcdfe6;
-		border-radius: 4px 0 0 4px;
-		font-size: 14px;
-	}
-
-	.custom-tag-input button {
-		padding: 8px 15px;
-		background-color: #409eff;
-		border: 1px solid #409eff;
-		border-radius: 0 4px 4px 0;
-		color: white;
-		cursor: pointer;
-		font-size: 14px;
-	}
-
-	.suggested-tags h4 {
-		margin-top: 0;
-		margin-bottom: 10px;
-		font-size: 16px;
-		color: #333;
-	}
-
-	.tag-grid {
-		display: grid;
-		grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
-		gap: 10px;
-	}
-
-	.suggested-tag {
-		background-color: #f5f7fa;
-		border: 1px solid #e4e7ed;
-		border-radius: 4px;
-		padding: 8px 12px;
-		font-size: 14px;
-		color: #606266;
-		cursor: pointer;
-		text-align: center;
-		transition: all 0.3s;
-	}
-
-	.suggested-tag:hover {
-		background-color: #f0f7ff;
-		border-color: #d9ecff;
-		color: #409eff;
-	}
-
-	/* 位置输入区域样式 */
-	.location-input-container input {
-		width: 100%;
-		padding: 10px;
-		border: 1px solid #dcdfe6;
-		border-radius: 4px;
-		font-size: 14px;
-	}
-
-	/* 定时发布设置区域样式 */
-	.timer-toggle {
-		display: flex;
-		align-items: center;
-		margin-bottom: 15px;
-	}
-
-	.switch {
-		position: relative;
-		display: inline-block;
-		width: 40px;
-		height: 20px;
-		margin-right: 10px;
-	}
-
-	.switch input {
-		opacity: 0;
-		width: 0;
-		height: 0;
-	}
-
-	.slider {
-		position: absolute;
-		cursor: pointer;
-		top: 0;
-		left: 0;
-		right: 0;
-		bottom: 0;
-		background-color: #dcdfe6;
-		transition: .4s;
-	}
-
-	.slider:before {
-		position: absolute;
-		content: "";
-		height: 16px;
-		width: 16px;
-		left: 2px;
-		bottom: 2px;
-		background-color: white;
-		transition: .4s;
-	}
-
-	input:checked+.slider {
-		background-color: #409eff;
-	}
-
-	input:checked+.slider:before {
-		transform: translateX(20px);
-	}
-
-	.slider.round {
-		border-radius: 20px;
-	}
-
-	.slider.round:before {
-		border-radius: 50%;
-	}
-
-	.timer-settings {
-		background-color: #f5f7fa;
-		border-radius: 4px;
-		padding: 15px;
-	}
-
-	.setting-item {
-		margin-bottom: 15px;
-	}
-
-	.setting-item:last-child {
-		margin-bottom: 0;
-	}
-
-	.setting-item label {
-		display: block;
-		margin-bottom: 5px;
-		font-size: 14px;
-		color: #606266;
-	}
-
-	.setting-item select {
-		width: 100%;
-		padding: 8px 10px;
-		border: 1px solid #dcdfe6;
-		border-radius: 4px;
-		font-size: 14px;
-		background-color: white;
-	}
-
-	.time-slots {
-		display: flex;
-		flex-direction: column;
-		gap: 10px;
-	}
-
-	.time-slot {
-		display: flex;
-		align-items: center;
-	}
-
-	.time-slot input {
-		flex: 1;
-		padding: 8px 10px;
-		border: 1px solid #dcdfe6;
-		border-radius: 4px;
-		font-size: 14px;
-	}
-
-	.remove-time-btn {
-		background: none;
-		border: none;
-		color: #909399;
-		cursor: pointer;
-		font-size: 16px;
-		margin-left: 10px;
-	}
-
-	.remove-time-btn:hover {
-		color: #f56c6c;
-	}
-
-	.add-time-btn {
-		background-color: #f5f7fa;
-		border: 1px dashed #dcdfe6;
-		border-radius: 4px;
-		padding: 8px 0;
-		color: #409eff;
-		cursor: pointer;
-		font-size: 14px;
-		text-align: center;
-		width: 100%;
-	}
-
-	.add-time-btn:hover {
-		background-color: #f0f7ff;
-		border-color: #c6e2ff;
-	}
-
-	/* 操作按钮区域样式 */
-	.action-buttons {
-		display: flex;
-		justify-content: flex-end;
-		gap: 15px;
-		margin-top: 20px;
-	}
-
-	.preview-btn,
-	.publish-btn {
-		padding: 10px 20px;
-		border-radius: 4px;
-		cursor: pointer;
-		font-size: 14px;
-		border: none;
-	}
-
-	.preview-btn {
-		background-color: #f5f7fa;
-		color: #606266;
-	}
-
-	.publish-btn {
-		background-color: #409eff;
-		color: white;
-	}
-
-	.preview-btn:hover {
-		background-color: #e9ebef;
-	}
-
-	.publish-btn:hover {
-		background-color: #66b1ff;
-	}
-
-	.preview-btn:disabled,
-	.publish-btn:disabled {
-		background-color: #f5f7fa;
-		color: #c0c4cc;
-		cursor: not-allowed;
-	}
-
-	/* 视频来源选择器样式 */
-	.source-selector {
-	position: fixed;
-	top: 0;
-	left: 0;
-	right: 0;
-	bottom: 0;
-	background-color: rgba(0, 0, 0, 0.5);
-	z-index: 1000;
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	}
-	
-	.source-selector-content {
-	background-color: white;
-	border-radius: 8px;
-	padding: 15px;
-	width: 200px;
-	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
-	}
-	
-	.source-option {
-	padding: 12px 15px;
-	cursor: pointer;
-	border-radius: 4px;
-	transition: background-color 0.2s;
-	}
-	
-	.source-option:hover {
-	background-color: #f5f5f5;
-	}
-	
-	/* 素材库弹窗样式 */
-	.material-library-modal {
-	position: fixed;
-	top: 0;
-	left: 0;
-	right: 0;
-	bottom: 0;
-	background-color: rgba(0, 0, 0, 0.5);
-	z-index: 1000;
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	}
-	
-	.material-library-content {
-	background-color: white;
-	border-radius: 8px;
-	width: 80%;
-	max-width: 900px;
-	max-height: 80vh;
-	overflow: hidden;
-	display: flex;
-	flex-direction: column;
-	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
-	}
-	
-	.modal-header {
-	display: flex;
-	justify-content: space-between;
-	align-items: center;
-	padding: 15px 20px;
-	border-bottom: 1px solid #eee;
-	}
-	
-	.modal-header h3 {
-	margin: 0;
-	font-size: 18px;
-	font-weight: 500;
-	}
-	
-	.close-btn {
-	background: none;
-	border: none;
-	font-size: 20px;
-	cursor: pointer;
-	color: #666;
-	}
-	
-	.modal-body {
-	padding: 20px;
-	overflow-y: auto;
-	flex: 1;
-	}
-	
-	.loading-materials,
-	.no-materials {
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	height: 200px;
-	color: #666;
-	}
-	
-	.material-grid {
-	display: grid;
-	grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
-	gap: 15px;
-	}
-	
-	.material-item {
-	border: 1px solid #eee;
-	border-radius: 8px;
-	overflow: hidden;
-	cursor: pointer;
-	transition: transform 0.2s, box-shadow 0.2s;
-	position: relative;
-	}
-	
-	.material-item:hover {
-	transform: translateY(-3px);
-	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
-	}
-	
-	.material-item.selected {
-	border-color: #1890ff;
-	box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
-	}
-	
-	.material-checkbox {
-	position: absolute;
-	top: 10px;
-	right: 10px;
-	z-index: 1;
-	}
-	
-	.checkbox {
-	width: 18px;
-	height: 18px;
-	border: 2px solid #fff;
-	border-radius: 50%;
-	background-color: rgba(0, 0, 0, 0.3);
-	}
-	
-	.checkbox.checked {
-	background-color: #1890ff;
-	border-color: #fff;
-	}
-	
-	.material-preview {
-	height: 120px;
-	background-color: #f5f5f5;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	overflow: hidden;
-	}
-	
-	.material-preview video,
-	.material-preview img {
-	width: 100%;
-	height: 100%;
-	object-fit: cover;
-	}
-	
-	.material-info {
-	padding: 10px;
-	}
-	
-	.material-name {
-	font-size: 14px;
-	white-space: nowrap;
-	overflow: hidden;
-	text-overflow: ellipsis;
-	}
-	
-	.modal-footer {
-	display: flex;
-	justify-content: flex-end;
-	padding: 15px 20px;
-	border-top: 1px solid #eee;
-	gap: 10px;
-	}
-	
-	.cancel-btn {
-	padding: 8px 15px;
-	background-color: white;
-	border: 1px solid #ddd;
-	border-radius: 4px;
-	cursor: pointer;
-	}
-	
-	.confirm-btn {
-	padding: 8px 15px;
-	background-color: #1890ff;
-	color: white;
-	border: none;
-	border-radius: 4px;
-	cursor: pointer;
-	}
-	
-	.confirm-btn:disabled {
-	background-color: #ccc;
-	cursor: not-allowed;
-	}
-</style>
\ No newline at end of file
diff --git a/sau_frontend/src/components/WebsiteView.vue b/sau_frontend/src/components/WebsiteView.vue
deleted file mode 100644
index fa9eebc..0000000
--- a/sau_frontend/src/components/WebsiteView.vue
+++ /dev/null
@@ -1,26 +0,0 @@
-<template>
-  <div class="website-view">
-    <h1>网站</h1>
-    <div class="website-container">
-      <p>这里是网站管理的内容</p>
-    </div>
-  </div>
-</template>
-
-<style scoped>
-.website-view {
-  padding: 20px;
-}
-
-h1 {
-  margin-bottom: 20px;
-  font-size: 24px;
-}
-
-.website-container {
-  background-color: #fff;
-  border-radius: 8px;
-  padding: 20px;
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
-}
-</style>
\ No newline at end of file
diff --git a/sau_frontend/src/components/layout/MainLayout.vue b/sau_frontend/src/components/layout/MainLayout.vue
deleted file mode 100644
index 9396632..0000000
--- a/sau_frontend/src/components/layout/MainLayout.vue
+++ /dev/null
@@ -1,245 +0,0 @@
-<template>
-  <div class="main-layout">
-    <!-- 顶部导航栏 -->
-    <header class="header">
-      <div class="logo">
-        <img src="@/assets/favicon.ico" alt="Logo" class="logo-img" />
-        <span>呃呃呃呃呃</span>
-      </div>
-      <div class="header-tabs">
-        <div class="tab-item" v-for="tab in tabs" :key="tab.id">{{ tab.name }}</div>
-      </div>
-      <div class="user-info">
-        <button class="btn-upgrade">联系客服</button>
-        <div class="avatar">
-          <img src="@/assets/tudong.jpg" alt="Avatar" />
-        </div>
-      </div>
-    </header>
-    
-    <!-- 主体内容区 -->
-    <div class="content-container">
-      <!-- 修改后的左侧导航栏 -->
-      <aside class="sidebar">
-        <nav>
-          <router-link 
-            v-for="route in routes" 
-            :key="route.path" 
-            :to="route.path"
-            class="nav-item"
-            active-class="active"
-          >
-            <i :class="route.meta.icon"></i>
-            <span>{{ route.meta.title }}</span>
-          </router-link>
-        </nav>
-      </aside>
-      
-      <!-- 右侧内容区 -->
-      <main class="main-content">
-        <router-view></router-view>
-      </main>
-    </div>
-  </div>
-</template>
-
-<script setup>
-import { computed, ref, onMounted } from 'vue';
-import { useRouter } from 'vue-router';
-
-const router = useRouter();
-// 修改后的响应式路由列表
-const routes = computed(() => {
-  return router.getRoutes()
-    .filter(route => 
-      route.meta?.title &&        // 必须有标题
-      !route.meta.hidden &&       // 过滤隐藏路由
-      route.path !== '/' &&       // 排除根重定向
-      !route.redirect            // 排除其他重定向路由
-    )
-    .sort((a, b) => {            // 保持路由顺序稳定
-      const order = ['/account', '/publish', '/website', '/data'];
-      return order.indexOf(a.path) - order.indexOf(b.path);
-    });
-});
-const filteredRoutes = computed(() => routes.value.filter(route => route.path !== '/video-publish'));
-
-// 控制视频发布路由的显示
-const showVideoPublishRoute = ref(false);
-
-// 在组件挂载时检查本地存储
-onMounted(() => {
-  const shouldShow = localStorage.getItem('showVideoPublishRoute');
-  if (shouldShow === 'true') {
-    showVideoPublishRoute.value = true;
-  }
-});
-
-// 移除视频发布路由
-const removeVideoPublishRoute = () => {
-  showVideoPublishRoute.value = false;
-  localStorage.removeItem('showVideoPublishRoute');
-  
-  // 如果当前在视频发布页面，则导航到发布中心
-  if (router.currentRoute.value.path === '/video-publish') {
-    router.push('/publish');
-  }
-};
-
-const tabs = [
-  { id: 1, name: '抖音' },
-  { id: 2, name: '小红书' },
-  { id: 3, name: '微信视频号' },
-  { id: 4, name: '快手' },
-  { id: 5, name: '视频号小店' },
-  { id: 6, name: 'TikTok' }
-];
-</script>
-
-<style scoped>
-.main-layout {
-  display: flex;
-  flex-direction: column;
-  height: 100vh;
-}
-
-.header {
-  height: 60px;
-  background-color: #fff;
-  border-bottom: 1px solid #eee;
-  display: flex;
-  align-items: center;
-  padding: 0 20px;
-  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
-}
-
-.logo {
-  display: flex;
-  align-items: center;
-  font-weight: bold;
-  font-size: 18px;
-  margin-right: 40px;
-}
-
-.logo-img {
-  width: 30px;
-  height: 30px;
-  margin-right: 10px;
-}
-
-.header-tabs {
-  display: flex;
-  flex: 1;
-}
-
-.tab-item {
-  padding: 0 15px;
-  cursor: pointer;
-  height: 60px;
-  display: flex;
-  align-items: center;
-}
-
-.tab-item:hover {
-  color: #4e6ef2;
-}
-
-.user-info {
-  display: flex;
-  align-items: center;
-}
-
-.btn-upgrade {
-  background-color: #f0f2ff;
-  color: #4e6ef2;
-  border: none;
-  padding: 6px 12px;
-  border-radius: 4px;
-  margin-right: 15px;
-  cursor: pointer;
-}
-
-.avatar {
-  width: 36px;
-  height: 36px;
-  border-radius: 50%;
-  overflow: hidden;
-}
-
-.avatar img {
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-}
-
-.content-container {
-  display: flex;
-  flex: 1;
-  overflow: hidden;
-}
-
-.sidebar {
-  width: 200px;
-  background-color: #f8f9fc;
-  border-right: 1px solid #eee;
-  padding: 20px 0;
-}
-
-.nav-item {
-  display: flex;
-  align-items: center;
-  padding: 12px 20px;
-  color: #333;
-  text-decoration: none;
-  margin-bottom: 5px;
-}
-
-.nav-item i {
-  margin-right: 10px;
-  font-size: 18px;
-}
-
-.nav-item.active {
-  background-color: #e6f7ff;
-  color: #4e6ef2;
-  border-right: 3px solid #4e6ef2;
-}
-
-.nav-divider {
-  height: 1px;
-  background-color: #e0e0e0;
-  margin: 10px 20px;
-}
-
-.main-content {
-  flex: 1;
-  padding: 20px;
-  overflow-y: auto;
-}
-
-.nav-item-with-close {
-  position: relative;
-  display: flex;
-  align-items: center;
-}
-
-.close-btn {
-  position: absolute;
-  right: 10px;
-  background: none;
-  border: none;
-  color: #999;
-  font-size: 16px;
-  cursor: pointer;
-  padding: 0;
-  width: 20px;
-  height: 20px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.close-btn:hover {
-  color: #333;
-}
-</style>
\ No newline at end of file
diff --git a/sau_frontend/src/components/new_file.vue b/sau_frontend/src/components/new_file.vue
deleted file mode 100644
index 02409e3..0000000
--- a/sau_frontend/src/components/new_file.vue
+++ /dev/null
@@ -1,8 +0,0 @@
-<template>
-</template>
-
-<script>
-</script>
-
-<style>
-</style>
\ No newline at end of file
diff --git a/sau_frontend/src/components/test.vue b/sau_frontend/src/components/test.vue
deleted file mode 100644
index a5ed9f4..0000000
--- a/sau_frontend/src/components/test.vue
+++ /dev/null
@@ -1,70 +0,0 @@
-<template>
-	<div style="padding: 20px;">
-		<button @click="openInput">添加账号</button>
-
-		<div v-if="showQrCode" style="margin-top: 20px;">
-			<h3>收到的二维码：</h3>
-			<img :src="qrCodeSrc" alt="二维码" style="width: 200px;" />
-		</div>
-
-		<div v-if="message" style="margin-top: 20px;">
-			<h3>收到的消息：</h3>
-			<p>{{ message }}</p>
-		</div>
-	</div>
-</template>
-
-<script setup>
-	import {
-		ref
-	} from 'vue'
-
-	const showQrCode = ref(false)
-	const qrCodeSrc = ref('')
-	const message = ref(null)
-	let eventSource = null
-
-	// 弹出输入框并直接建立 EventSource 连接
-	const openInput = () => {
-		const id = prompt('请输入ID:')
-		if (!id) return
-
-		// 直接创建 EventSource 连接，带上参数 type=2&id=xxx
-		const url = `http://localhost:5409/login?type=2&id=${id}&_=${Date.now()}`
-		eventSource = new EventSource(url)
-
-		let count = 0
-
-		// 接收事件流中的消息
-		eventSource.onmessage = (event) => {
-			count++
-			const data = event.data
-
-			if (count === 1) {
-				// 第一次收到的是 base64 图片
-				console.log('收到二维码:', data)
-				qrCodeSrc.value = `${data}`
-				showQrCode.value = true
-			} else if (count === 2) {
-				// 第二次收到普通消息
-				console.log('收到消息:', data)
-				message.value = data
-
-				// 主动关闭连接
-				eventSource.close()
-				alert('已完成操作，连接已关闭')
-			}
-		}
-
-		// 错误处理
-		eventSource.onerror = (err) => {
-			console.error('EventSource 发生错误:', err)
-			eventSource.close()
-			alert('连接异常中断')
-		}
-	}
-</script>
-
-<style scoped>
-	/* 可根据需要添加样式 */
-</style>
\ No newline at end of file
diff --git a/sau_frontend/src/config.js b/sau_frontend/src/config.js
deleted file mode 100644
index 87323d0..0000000
--- a/sau_frontend/src/config.js
+++ /dev/null
@@ -1,27 +0,0 @@
-// 全局配置文件
-
-// API基础URL
-export const API_BASE_URL = 'http://localhost:5409';
-
-// 全局账号列表缓存
-export const globalAccountsCache = {
-  accounts: null,  // 缓存的账号数据
-  lastFetchTime: null,  // 最后一次获取数据的时间
-  
-  // 检查缓存是否有效
-  isValid() {
-    return this.accounts !== null;
-  },
-  
-  // 更新缓存
-  updateCache(accounts) {
-    this.accounts = accounts;
-    this.lastFetchTime = new Date().getTime();
-  },
-  
-  // 清除缓存
-  clearCache() {
-    this.accounts = null;
-    this.lastFetchTime = null;
-  }
-};
\ No newline at end of file