From 6513fcf2ede44614e5428a243ac4a9ea0bb71f5a Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Mon, 28 Jul 2025 17:55:04 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=86=85=E5=AE=B9=E7=A8=BF=E4=BB=B6?=
 =?UTF-8?q?=E5=88=97=E8=A1=A8=E3=80=81=E4=B8=8A=E4=BC=A0=E5=86=85=E5=AE=B9?=
 =?UTF-8?q?=E3=80=81=E9=80=9A=E7=94=A8Textovertips=E7=BB=84=E4=BB=B6?=
 =?UTF-8?q?=E5=B0=81=E8=A3=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                                  |   1 +
 .../icon-photo.png                            | Bin 0 -> 543 bytes
 .../icon-upload-fail.png                      | Bin 0 -> 4991 bytes
 .../icon-video.png                            | Bin 0 -> 513 bytes
 .../navbar/components/navbar-menu/index.vue   |   4 +-
 src/components/text-over-tips/index.vue       | 143 ++++++++
 src/main.ts                                   |  10 +-
 src/stores/modules/user/index.ts              |   2 +-
 src/styles/components/form.scss               |   5 +-
 src/styles/lib/reset.scss                     |  20 ++
 src/styles/vars.scss                          |  24 ++
 .../components/filter-block/index.vue         |  12 +-
 .../components/filter-block/style.scss        |  23 --
 .../components/filter-block/index.vue         |  36 +-
 .../components/filter-block/style.scss        |  23 --
 .../components/manuscript-table/constants.ts  |   9 +-
 .../components/manuscript-table/index.vue     |  46 ++-
 .../components/manuscript-table/style.scss    |   6 +
 .../upload-manascript-modal/index.vue         | 320 ++++++++++++++++++
 .../upload-manascript-modal/style.scss        |  31 ++
 .../manuscript/manuscript-list/constants.ts   |  61 +++-
 .../manuscript/manuscript-list/index.vue      |  66 +++-
 .../components/add-account-modal/index.vue    |   2 +-
 23 files changed, 733 insertions(+), 111 deletions(-)
 create mode 100644 src/assets/img/creative-generation-workshop/icon-photo.png
 create mode 100644 src/assets/img/creative-generation-workshop/icon-upload-fail.png
 create mode 100644 src/assets/img/creative-generation-workshop/icon-video.png
 create mode 100644 src/components/text-over-tips/index.vue
 delete mode 100644 src/views/creative-generation-workshop/manuscript/manuscript-check/components/filter-block/style.scss
 delete mode 100644 src/views/creative-generation-workshop/manuscript/manuscript-list/components/filter-block/style.scss
 create mode 100644 src/views/creative-generation-workshop/manuscript/manuscript-list/components/upload-manascript-modal/index.vue
 create mode 100644 src/views/creative-generation-workshop/manuscript/manuscript-list/components/upload-manascript-modal/style.scss

diff --git a/package.json b/package.json
index 01ea60b..23a94e5 100644
--- a/package.json
+++ b/package.json
@@ -18,6 +18,7 @@
     "axios": "^1.3.0",
     "dayjs": "^1.11.7",
     "echarts": "^5.6.0",
+    "element-resize-detector": "^1.2.4",
     "html2canvas": "^1.4.1",
     "jspdf": "^3.0.1",
     "lodash-es": "^4.17.21",
diff --git a/src/assets/img/creative-generation-workshop/icon-photo.png b/src/assets/img/creative-generation-workshop/icon-photo.png
new file mode 100644
index 0000000000000000000000000000000000000000..270b691549cac0559ea9fa1575af9f4907687229
GIT binary patch
literal 543
zcmV+)0^t3LP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800009a7bBm000&x
z000&x0ZCFM@Bjb+0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0kla(K~#7F?NmEX
z!$1(7S=(vJ5nMn>89LG>H!wFKHy|YvC>BPd<OqQikQ>;Ylge!*km4hxBq+PXF0mcw
zYa(Jd_!ZXd%y{41ot*(F@!x^5QTJ_=qt=&Z3vz@c95B+m<K}Is)_NQes6FRRu0Q}5
z$9Ywn?G*tk5NQnM$AcUoPv0US6H*7&x8!;6mv<e=0X5%wkt)ozPtW?v4D71$$t(>F
zFRt4$!S)5!!!%~v1Q7eOZj<xj!wnQEKz4;9tj22r*n=VkAT7xw&lHLjz<}Gh=!zc@
z(d&ASdLy-wV?iDQ#!Wk9G;a%pE8y(nqj_(q<LZr6W_mybZ)YPXsQXVQ98*9n!Voa6
z7^{ADa)G)V^|cx#4UXJB^_><RfJ_1MdV3tf{SqQjcI>arw0=UKfJ~IR>AWoHS>*D1
z?PPmt*M?4m7=<KYXWiqx^vvG{_FM8~b2YLBX3m4f%;#>_yI_Zq9}Y6r0NYoREhQj}
zHv0dMGUQ>-hL5J4s3#z6mm%P|<S7}~a*k|xGrJ&flmbctX#pM-1OzsKbpaaj4&pM9
hBfZCnb)iIw2;Zq^sv#W0{yqQz002ovPDHLkV1jNL;qd?f

literal 0
HcmV?d00001

diff --git a/src/assets/img/creative-generation-workshop/icon-upload-fail.png b/src/assets/img/creative-generation-workshop/icon-upload-fail.png
new file mode 100644
index 0000000000000000000000000000000000000000..b0b667eaf9eb07c3130f96fbb8725808a2a50a46
GIT binary patch
literal 4991
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
JPDHLkV1g+2A}Rm?

literal 0
HcmV?d00001

diff --git a/src/assets/img/creative-generation-workshop/icon-video.png b/src/assets/img/creative-generation-workshop/icon-video.png
new file mode 100644
index 0000000000000000000000000000000000000000..471861e32fd68331baf0dd3b4ed1af0f4c2a68ad
GIT binary patch
literal 513
zcmV+c0{;DpP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800009a7bBm000&x
z000&x0ZCFM@Bjb+0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0hUQbK~#7F?UqYY
z!axv)|DNFhxq)~Ra4l#!fv^|B696ZWQe5K^u)sZ@K#qVnz`ZkVPa@?euc|y)m~W9x
z=27#frym2<{CDWsxVz#JGf%<rP!xncgYFk=TE$NhhF$K1d5Lm3=mwq7S9FLPRG|vn
zMtOL~7(Z^Xfr<&N4cpRM&BQAE$^?vk_Sj%zna9rN##q-q$SPn9;#U}TfVLii#9`6Q
zxE4hE%o_fPT9Yb(iFy%UJiqOjsR)@M18gO_Vo*s7#ayu=wAkn=oMmznFF<1W`AyG}
zfW-I=r3ql{kwT+^9deQ+;0r0lC6{6Z5L!rK+~GEIlH`Qm@Y0ME#$kv@C{ch5;K{K2
z-H#d?b@@S#$wyAo@_+|c%VEb}OCoxAiHH==q}`VgZK43OW<p;wk`Kl5(?Iwr289z-
z3#di_*@1Y^>~sPU7B5#>iNX|5tUfCfprM15?JBF%bm4?NZfNTIf-q#Ltvqi~1_Zgp
z{1q*C4U^aY_#If_X-zM|8M(=Y?u{KY^?o<4sfpwV@5_`t7oqKY00000NkvXXu0mjf
D+kx9l

literal 0
HcmV?d00001

diff --git a/src/components/_base/navbar/components/navbar-menu/index.vue b/src/components/_base/navbar/components/navbar-menu/index.vue
index 7c33508..8611b4c 100644
--- a/src/components/_base/navbar/components/navbar-menu/index.vue
+++ b/src/components/_base/navbar/components/navbar-menu/index.vue
@@ -27,9 +27,11 @@
 
 <script setup>
 import { useSidebarStore } from '@/stores/modules/side-bar';
-import router from '@/router';
+// import router from '@/router';
+import { useRouter } from 'vue-router';
 
 const sidebarStore = useSidebarStore();
+const router = useRouter();
 
 const selectedKey = computed(() => {
   return [String(sidebarStore.activeMenuId)];
diff --git a/src/components/text-over-tips/index.vue b/src/components/text-over-tips/index.vue
new file mode 100644
index 0000000..72230c1
--- /dev/null
+++ b/src/components/text-over-tips/index.vue
@@ -0,0 +1,143 @@
+<template>
+  <a-tooltip :disabled="isShowBtn || (!isShowBtn && disabled)" :placement="props.placement">
+    <template #content>
+      <div :style="contentStyle" class="tip-content">{{ props.context }}</div>
+    </template>
+    <div v-bind="$attrs" class="overflow-hidden">
+      <div ref="Text" :class="`${isShow ? '' : `line-${props.line}`} `" class="overflow-text">
+        {{ props.context }}
+      </div>
+      <div
+        v-if="isShowBtn && !disabled"
+        class="color-#8C8C8C flex items-center cursor-pointer mt-2px"
+        @click="
+          () => {
+            isShow = !isShow;
+          }
+        "
+      >
+        {{ isShow ? '收起' : '展开' }}
+        <icon-up size="16" :class="{ active: isShow }" class="ml-2px color-#8C8C8C" />
+      </div>
+    </div>
+  </a-tooltip>
+</template>
+
+<script setup>
+import { ref, reactive, toRefs, onBeforeMount, onMounted, watchEffect, computed, watch, nextTick } from 'vue';
+import { useRoute, useRouter } from 'vue-router';
+import elementResizeDetectorMaker from 'element-resize-detector';
+
+const route = useRoute();
+const router = useRouter();
+const props = defineProps({
+  context: {
+    type: String,
+    default: '',
+  },
+  placement: {
+    type: String,
+    default: 'bottom',
+  },
+  line: {
+    type: Number,
+    default: 1,
+  },
+  maxHeight: {
+    type: [String, Number],
+    default: '',
+  },
+  maxWidth: {
+    type: [String, Number],
+    default: '',
+  },
+  isShowBtn: {
+    type: Boolean,
+    default: false,
+  },
+});
+const data = reactive({});
+const isShow = ref(false);
+const contentStyle = computed(() => {
+  let style = {
+    'max-height': props.maxHeight + 'px',
+    'max-width': props.maxWidth + 'px',
+    overflow: 'auto',
+    padding: '1px 0',
+  };
+  return props.maxHeight || props.maxWidth ? style : {};
+});
+const disabled = ref(true);
+const Text = ref(null);
+const textWidth = ref();
+watch(
+  [() => props.context, textWidth],
+  async () => {
+    if (props.context) {
+      await nextTick();
+      nextTick(() => {
+        if (props.line < 2) {
+          if (Text.value?.clientWidth < Text.value?.scrollWidth) {
+            disabled.value = false;
+          } else {
+            disabled.value = true;
+          }
+        } else {
+          if (Text.value?.clientHeight < Text.value?.scrollHeight) {
+            disabled.value = false;
+          } else {
+            disabled.value = true;
+          }
+        }
+      });
+    }
+  },
+  {
+    deep: true,
+    immediate: true,
+  },
+);
+onBeforeMount(() => {});
+onMounted(async () => {
+  await nextTick();
+  const erd = elementResizeDetectorMaker();
+  if (Text.value) {
+    erd.listenTo(Text.value, () => {
+      const _width = Text.value.getBoundingClientRect().width;
+      textWidth.value = _width;
+    });
+  }
+});
+watchEffect(() => {});
+defineExpose({
+  ...toRefs(data),
+});
+</script>
+<style scoped lang="scss">
+.overflow-text {
+  display: inline-block;
+  font-family: $font-family-regular;
+  width: 100%;
+  vertical-align: middle;
+  font-style: normal;
+  box-sizing: border-box;
+  white-space: pre-line;
+  &.line-1 {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  &.line-2 {
+    @include multi-ellipsis(2);
+  }
+  &.line-3 {
+    @include multi-ellipsis(3);
+  }
+}
+.tip-content {
+  white-space: pre-line;
+}
+.active {
+  transform: rotate(-180deg);
+}
+</style>
diff --git a/src/main.ts b/src/main.ts
index bab185a..c88a324 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -6,8 +6,8 @@ import App from './App.vue';
 import router from './router';
 import store from './stores';
 
-import NoData from '@/components/no-data';
-import SvgIcon from "@/components/svg-icon";
+import NoData from '@/components/no-data/index.vue';
+import SvgIcon from '@/components/svg-icon/index.vue';
 
 import '@/api/index';
 import '@arco-design/web-vue/dist/arco.css'; // Arco 默认样式
@@ -15,7 +15,7 @@ import './core';
 
 import 'normalize.css';
 import 'uno.css';
-import 'virtual:svg-icons-register'
+import 'virtual:svg-icons-register';
 
 // import '@/styles/vars.css'; // 优先加载
 
@@ -24,6 +24,4 @@ const app = createApp(App);
 app.component('NoData', NoData);
 app.component('SvgIcon', SvgIcon);
 
-app.use(store);
-app.use(router);
-app.mount('#app');
+app.use(store).use(router).mount('#app');
diff --git a/src/stores/modules/user/index.ts b/src/stores/modules/user/index.ts
index e94729e..972eda7 100644
--- a/src/stores/modules/user/index.ts
+++ b/src/stores/modules/user/index.ts
@@ -79,7 +79,7 @@ export const useUserStore = defineStore('user', {
     getUserAllowAccessRoutes() {
       const sidebarStore = useSidebarStore();
       const menuList = sidebarStore.menuList;
-      const appRoutes = router.options?.routes ?? [];
+      const appRoutes = router.getRoutes();
 
       appRoutes.forEach((route: any) => {
         if (!route.meta?.requiresAuth) {
diff --git a/src/styles/components/form.scss b/src/styles/components/form.scss
index 8a5895c..0457555 100644
--- a/src/styles/components/form.scss
+++ b/src/styles/components/form.scss
@@ -1,6 +1,9 @@
 .arco-form {
   .arco-form-item {
-    margin-bottom: 16px !important;
+    margin-bottom: 0;
+    &:not(:last-child) {
+      margin-bottom: 16px !important;
+    }
     .arco-form-item-label-col {
       padding-right: 12px !important;
       .arco-form-item-label {
diff --git a/src/styles/lib/reset.scss b/src/styles/lib/reset.scss
index 5c3b861..00bdba2 100644
--- a/src/styles/lib/reset.scss
+++ b/src/styles/lib/reset.scss
@@ -23,3 +23,23 @@ p {
 a {
   text-decoration: none;
 }
+
+/* 滚动条样式 */
+::-webkit-scrollbar {
+  width: 4px;
+  height: 4px;
+}
+
+::-webkit-scrollbar-track-piece {
+  border-radius: 0;
+}
+
+::-webkit-scrollbar-thumb {
+  height: 10px;
+  background-color: #C9CDD4;
+  border-radius: 99px;
+  outline-offset: -2px;
+}
+::-webkit-scrollbar-button {
+  display: none;
+}
diff --git a/src/styles/vars.scss b/src/styles/vars.scss
index 573e1ee..8741cbe 100644
--- a/src/styles/vars.scss
+++ b/src/styles/vars.scss
@@ -74,3 +74,27 @@
 .arco-link {
   --color-primary-6: var(--arco-primary-6) !important;
 }
+
+.common-filter-wrap {
+  padding: 24px 24px 8px;
+  .filter-row {
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    .filter-row-item {
+      display: flex;
+      align-items: center;
+      margin: 0 24px 16px 0;
+      .label {
+        margin-right: 8px;
+        color: #211f24;
+        font-family: $font-family-regular;
+        font-size: 14px;
+        font-style: normal;
+        font-weight: 400;
+        flex-shrink: 0;
+        line-height: 22px;
+      }
+    }
+  }
+}
diff --git a/src/views/creative-generation-workshop/manuscript/manuscript-check/components/filter-block/index.vue b/src/views/creative-generation-workshop/manuscript/manuscript-check/components/filter-block/index.vue
index 4a884e2..edc1821 100644
--- a/src/views/creative-generation-workshop/manuscript/manuscript-check/components/filter-block/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/manuscript-check/components/filter-block/index.vue
@@ -4,9 +4,9 @@
  * @Date: 2025-06-25 14:02:40
 -->
 <template>
-  <div class="filter-wrap px-24px pt-12px pb-24px">
-    <div class="filter-row flex">
-      <div class="filter-row-item flex items-center">
+  <div class="common-filter-wrap">
+    <div class="filter-row">
+      <div class="filter-row-item">
         <span class="label">内容稿件标题</span>
         <a-space size="medium">
           <a-input
@@ -23,7 +23,7 @@
           </a-input>
         </a-space>
       </div>
-      <div class="filter-row-item flex items-center">
+      <div class="filter-row-item">
         <a-button type="outline" class="mr-12px" size="medium" @click="handleSearch">
           <template #icon>
             <icon-search />
@@ -64,7 +64,3 @@ const handleReset = () => {
   emits('reset');
 };
 </script>
-
-<style scoped lang="scss">
-@import './style.scss';
-</style>
diff --git a/src/views/creative-generation-workshop/manuscript/manuscript-check/components/filter-block/style.scss b/src/views/creative-generation-workshop/manuscript/manuscript-check/components/filter-block/style.scss
deleted file mode 100644
index dd08cb3..0000000
--- a/src/views/creative-generation-workshop/manuscript/manuscript-check/components/filter-block/style.scss
+++ /dev/null
@@ -1,23 +0,0 @@
-.filter-wrap {
-  .filter-row {
-    .filter-row-item {
-      &:not(:last-child) {
-        margin-right: 24px;
-      }
-      .label {
-        margin-right: 8px;
-        color: #211f24;
-        font-family: $font-family-regular;
-        font-size: 14px;
-        font-style: normal;
-        font-weight: 400;
-        flex-shrink: 0;
-        line-height: 22px; /* 157.143% */
-      }
-      :deep(.arco-space-item) {
-        width: 100%;
-      }
-    }
-  }
-  
-}
diff --git a/src/views/creative-generation-workshop/manuscript/manuscript-list/components/filter-block/index.vue b/src/views/creative-generation-workshop/manuscript/manuscript-list/components/filter-block/index.vue
index 1aa957f..31678b6 100644
--- a/src/views/creative-generation-workshop/manuscript/manuscript-list/components/filter-block/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/manuscript-list/components/filter-block/index.vue
@@ -1,10 +1,10 @@
 <template>
-  <div class="filter-wrap px-24px py-24px">
-    <div class="filter-row flex mb-16px">
-      <div class="filter-row-item flex items-center">
+  <div class="common-filter-wrap">
+    <div class="filter-row">
+      <div class="filter-row-item">
         <span class="label">内容稿件标题</span>
         <a-input
-          v-model="query.name"
+          v-model="query.title"
           class="!w-240px"
           placeholder="请输入内容稿件标题"
           size="medium"
@@ -16,15 +16,15 @@
           </template>
         </a-input>
       </div>
-      <div class="filter-row-item flex items-center">
+      <div class="filter-row-item">
         <span class="label">所属项目</span>
         <CommonSelect placeholder="请选择所属项目" v-model="query.project_id" class="!w-166px" />
       </div>
-      <div class="filter-row-item flex items-center">
+      <div class="filter-row-item">
         <span class="label">序号</span>
         <a-space size="medium">
           <a-input
-            v-model="query.number"
+            v-model="query.uid"
             class="w-160px"
             placeholder="请输入序号"
             size="medium"
@@ -37,14 +37,12 @@
           </a-input>
         </a-space>
       </div>
-      <div class="filter-row-item flex items-center">
+      <div class="filter-row-item">
         <span class="label">审核状态</span>
-        <CommonSelect placeholder="请选择审核状态" v-model="query.status" class="!w-166px" />
+        <CommonSelect placeholder="请选择审核状态" v-model="query.audit_status" class="!w-166px" />
       </div>
-    </div>
-    <div class="filter-row flex">
-      <div class="filter-row-item flex items-center">
-        <span class="label">发布日期</span>
+      <div class="filter-row-item">
+        <span class="label">上传时间</span>
         <a-range-picker
           v-model="published_at"
           size="medium"
@@ -54,7 +52,7 @@
           @change="onDateChange"
         />
       </div>
-      <div class="filter-row-item flex items-center">
+      <div class="filter-row-item">
         <a-button type="outline" class="mr-12px" size="medium" @click="handleSearch">
           <template #icon>
             <icon-search />
@@ -84,7 +82,7 @@ const props = defineProps({
 
 const emits = defineEmits('search', 'reset', 'update:query');
 
-const published_at = ref([]);
+const created_at = ref([]);
 
 const handleSearch = () => {
   emits('update:query', props.query);
@@ -96,7 +94,7 @@ const handleSearch = () => {
 const onDateChange = (value) => {
   const [start, end] = value;
   const FORMAT_DATE = 'YYYY-MM-DD HH:mm:ss';
-  props.query.published_at = [
+  props.query.created_at = [
     dayjs(start).startOf('day').format(FORMAT_DATE),
     dayjs(end).endOf('day').format(FORMAT_DATE),
   ];
@@ -105,11 +103,7 @@ const onDateChange = (value) => {
 };
 
 const handleReset = () => {
-  published_at.value = [];
+  created_at.value = [];
   emits('reset');
 };
 </script>
-
-<style scoped lang="scss">
-@import './style.scss';
-</style>
diff --git a/src/views/creative-generation-workshop/manuscript/manuscript-list/components/filter-block/style.scss b/src/views/creative-generation-workshop/manuscript/manuscript-list/components/filter-block/style.scss
deleted file mode 100644
index dd08cb3..0000000
--- a/src/views/creative-generation-workshop/manuscript/manuscript-list/components/filter-block/style.scss
+++ /dev/null
@@ -1,23 +0,0 @@
-.filter-wrap {
-  .filter-row {
-    .filter-row-item {
-      &:not(:last-child) {
-        margin-right: 24px;
-      }
-      .label {
-        margin-right: 8px;
-        color: #211f24;
-        font-family: $font-family-regular;
-        font-size: 14px;
-        font-style: normal;
-        font-weight: 400;
-        flex-shrink: 0;
-        line-height: 22px; /* 157.143% */
-      }
-      :deep(.arco-space-item) {
-        width: 100%;
-      }
-    }
-  }
-  
-}
diff --git a/src/views/creative-generation-workshop/manuscript/manuscript-list/components/manuscript-table/constants.ts b/src/views/creative-generation-workshop/manuscript/manuscript-list/components/manuscript-table/constants.ts
index 649a3b3..dd2cdc4 100644
--- a/src/views/creative-generation-workshop/manuscript/manuscript-list/components/manuscript-table/constants.ts
+++ b/src/views/creative-generation-workshop/manuscript/manuscript-list/components/manuscript-table/constants.ts
@@ -4,6 +4,9 @@ export const TABLE_COLUMNS = [
     dataIndex: 'index',
     width: 120,
     fixed: 'left',
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
   },
   {
     title: '图片/视频',
@@ -12,12 +15,12 @@ export const TABLE_COLUMNS = [
   },
   {
     title: '内容稿件标题',
-    dataIndex: 'name',
+    dataIndex: 'manuscript_name',
     width: 240,
   },
   {
     title: '所属项目',
-    dataIndex: 'name',
+    dataIndex: 'project_name',
     width: 240,
   },
   {
@@ -27,7 +30,7 @@ export const TABLE_COLUMNS = [
   },
   {
     title: '审核状态',
-    dataIndex: 'media_account_count',
+    dataIndex: 'status',
     width: 180,
   },
   {
diff --git a/src/views/creative-generation-workshop/manuscript/manuscript-list/components/manuscript-table/index.vue b/src/views/creative-generation-workshop/manuscript/manuscript-list/components/manuscript-table/index.vue
index c49dfa8..7e30b4c 100644
--- a/src/views/creative-generation-workshop/manuscript/manuscript-list/components/manuscript-table/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/manuscript-list/components/manuscript-table/index.vue
@@ -11,7 +11,7 @@
     @sorter-change="handleSorterChange"
   >
     <template #empty>
-      <NoData text="暂无稿件"/>
+      <NoData text="暂无稿件" />
     </template>
     <template #columns>
       <a-table-column
@@ -38,14 +38,43 @@
         <template v-if="column.dataIndex === 'create_at'" #cell="{ record }">
           {{ exactFormatTime(record.create_at) }}
         </template>
+        <template v-else-if="column.dataIndex === 'manuscript_name'" #cell="{ record }">
+          <TextOverTips :context="record.name" :line="3" class="manuscript_name" />
+        </template>
+        <template v-else-if="column.dataIndex === 'project_name'" #cell="{ record }">
+          <TextOverTips :context="record.project_name" :line="3" />
+        </template>
+        <template v-else-if="column.dataIndex === 'status'" #cell="{ record }">
+          <div
+            class="flex items-center w-fit h-28px px-8px rounded-2px"
+            :style="{ backgroundColor: getStatusInfo(record.status).backgroundColor }"
+          >
+            <span class="cts s1" :style="{ color: getStatusInfo(record.status).color }">{{
+              getStatusInfo(record.status).label
+            }}</span>
+          </div>
+        </template>
+        <template v-else-if="column.dataIndex === 'budget'" #cell="{ record }">
+          <div class="flex items-center">
+            <img :src="record.budget === 1 ? icon2 : icon3" width="16" height="16" class="mr-4px" />
+            <span class="cts" :class="record.budget === 1 ? '!color-#25C883' : '!color-#6D4CFE'">{{
+              record.budget === 1 ? '图文' : '视频'
+            }}</span>
+          </div>
+        </template>
+        <template v-else-if="['create_at', 'last_create_at'].includes(column.dataIndex)" #cell="{ record }">
+          {{ exactFormatTime(record[column.dataIndex]) }}
+        </template>
+        <template v-else-if="column.dataIndex === 'picker'" #cell="{ record }">
+          <a-image :width="64" :height="64" :src="record.picker" class="rounded-6px" />
+        </template>
         <template v-else-if="column.dataIndex === 'operation'" #cell="{ record }">
           <div class="flex items-center">
             <img class="mr-8px cursor-pointer" :src="icon1" width="14" height="14" @click="onDelete(record)" />
-            <a-button type="outline" size="mini" @click="onEdit(record)">编辑</a-button>
+            <a-button type="outline" size="mini" class="mr-8px" @click="onEdit(record)">编辑</a-button>
             <a-button type="outline" size="mini" @click="onDetail(record)">详情</a-button>
           </div>
         </template>
-
         <template v-else #cell="{ record }">
           {{ formatTableField(column, record, true) }}
         </template>
@@ -58,8 +87,13 @@
 import { ref } from 'vue';
 import { formatTableField, exactFormatTime } from '@/utils/tools';
 import { TABLE_COLUMNS } from './constants';
+import { CHECK_STATUS } from '@/views/creative-generation-workshop/manuscript/manuscript-list/constants';
+
+import TextOverTips from '@/components/text-over-tips';
 
 import icon1 from '@/assets/img/media-account/icon-delete.png';
+import icon2 from '@/assets/img/creative-generation-workshop/icon-photo.png';
+import icon3 from '@/assets/img/creative-generation-workshop/icon-video.png';
 
 const emits = defineEmits(['edit', 'sorterChange', 'delete']);
 
@@ -82,7 +116,11 @@ const onEdit = (item) => {
   emits('edit', item);
 };
 const onDetail = (item) => {
-  console.log('onDetail')
+  console.log('onDetail');
+};
+
+const getStatusInfo = (status) => {
+  return CHECK_STATUS.find((v) => v.value === status) ?? {};
 };
 </script>
 
diff --git a/src/views/creative-generation-workshop/manuscript/manuscript-list/components/manuscript-table/style.scss b/src/views/creative-generation-workshop/manuscript/manuscript-list/components/manuscript-table/style.scss
index d1a16ec..47c40df 100644
--- a/src/views/creative-generation-workshop/manuscript/manuscript-list/components/manuscript-table/style.scss
+++ b/src/views/creative-generation-workshop/manuscript/manuscript-list/components/manuscript-table/style.scss
@@ -7,4 +7,10 @@
     font-weight: 400;
     line-height: 22px;
   }
+  :deep(.manuscript_name) {
+    cursor: pointer;
+    &:hover {
+      color: #6d4cfe;
+    }
+  }
 }
diff --git a/src/views/creative-generation-workshop/manuscript/manuscript-list/components/upload-manascript-modal/index.vue b/src/views/creative-generation-workshop/manuscript/manuscript-list/components/upload-manascript-modal/index.vue
new file mode 100644
index 0000000..632252c
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript/manuscript-list/components/upload-manascript-modal/index.vue
@@ -0,0 +1,320 @@
+<script lang="jsx">
+import {
+  Modal,
+  Form,
+  FormItem,
+  Input,
+  RadioGroup,
+  Radio,
+  Upload,
+  Button,
+  Tooltip,
+  Message as AMessage,
+  Textarea,
+} from '@arco-design/web-vue';
+import { useClipboard } from '@vueuse/core';
+
+import TextOverTips from '@/components/text-over-tips';
+
+import icon1 from '@/assets/img/media-account/icon-feedback-fail.png';
+
+const INITIAL_FORM = {
+  linkUrl: '',
+  link: '',
+};
+const FORM_TASK_STATUS = {
+  default: 1, // 默认状态,
+  importLoading: 2, // 上传中
+  importFailed: 3, // 上传失败
+  importSuccess: 4, // 上传成功
+};
+
+export default {
+  setup(props, { emit, expose }) {
+    const update = inject('update');
+    const visible = ref(false);
+    const formRef = ref(null);
+    const uploadRef = ref(null);
+    const uploadType = ref('link');
+    const taskStatus = ref(FORM_TASK_STATUS.default);
+    const form = ref(cloneDeep(INITIAL_FORM));
+
+    const { copy, copied, isSupported } = useClipboard({ source: form.value.link });
+
+    const isLink = computed(() => uploadType.value === 'link'); // 链接上传
+    const isLocal = computed(() => uploadType.value === 'local'); // 本地上传
+    const isHandwrite = computed(() => uploadType.value === 'handwrite'); // 手写上传
+
+    const isDefaultTask = computed(() => taskStatus.value === FORM_TASK_STATUS.default);
+    const isImportLoadingTask = computed(() => taskStatus.value === FORM_TASK_STATUS.importLoading);
+    const isImportFailedTask = computed(() => taskStatus.value === FORM_TASK_STATUS.importFailed);
+    const isImportSuccessTask = computed(() => taskStatus.value === FORM_TASK_STATUS.importSuccess);
+
+    const open = () => {
+      visible.value = true;
+    };
+    const reset = () => {
+      formRef.value?.resetFields?.();
+      uploadType.value = 'link';
+      taskStatus.value = FORM_TASK_STATUS.default;
+      form.value = cloneDeep(INITIAL_FORM);
+    };
+    const onClose = () => {
+      reset();
+      visible.value = false;
+    };
+
+    const onSubmit = async () => {
+      if (isHandwrite.value) {
+        if (!isSupported) {
+          AMessage.error('您的浏览器不支持复制，请手动复制！');
+        }
+        copy(form.value.link);
+        if (!copied) {
+          AMessage.error('复制失败，请手动复制！');
+        }
+        AMessage.success('复制成功！');
+        onClose();
+        return;
+      }
+
+      taskStatus.value = FORM_TASK_STATUS.importLoading;
+      setTimeout(() => {
+        taskStatus.value = FORM_TASK_STATUS.importSuccess;
+      }, 2000);
+    };
+    const onCancelUpload = () => {
+      console.log('onCancelUpload');
+      taskStatus.value = FORM_TASK_STATUS.default;
+      // onClose()
+    };
+
+    const handleUpload = async (file) => {
+      console.log('handleUpload11111', file);
+      taskStatus.value = FORM_TASK_STATUS.importLoading;
+      setTimeout(() => {
+        taskStatus.value = FORM_TASK_STATUS.importSuccess;
+      }, 2000);
+    };
+
+    const goEdit = () => {
+      console.log('goEdit 去稿件编辑页面');
+    };
+
+    const onDelete = (item) => {
+      console.log('onDelete', item);
+    };
+
+    const handleDownloadTemplate = async () => {
+      // const { code, data } = await getPlacementAccountsTemplateUrl();
+      // if (code === 200) {
+      //   window.open(data.download_url, '_blank');
+      // }
+    };
+    const getLink = () => {
+      return (
+        <FormItem label="链接地址">
+          <Textarea
+            v-model={form.value.linkUrl}
+            size="large"
+            placeholder="请输入..."
+            autoSize={{ minRows: 5, maxRows: 8 }}
+          />
+        </FormItem>
+      );
+    };
+
+    const getHandwrite = () => {
+      return (
+        <FormItem label="上传链接">
+          <Input v-model={form.value.link} placeholder="请输入..." size="large" />
+        </FormItem>
+      );
+    };
+
+    const getLocal = () => {
+      return (
+        <FormItem label="内容稿件">
+          <div class="flex flex-col w-full">
+            <Upload
+              ref="uploadRef"
+              action="/"
+              draggable
+              customRequest={handleUpload}
+              accept=".xlsx,.xls,.docx,.doc"
+              show-file-list={false}
+            >
+              {{
+                'upload-button': () => (
+                  <div class="upload-box">
+                    <icon-plus size="14" class="mb-16px" />
+                    <span class="text mb-4px">点击或拖拽文件到此处上传</span>
+                    <span class="tip">支持文档（文本+图）, 视频批量上传</span>
+                  </div>
+                ),
+              }}
+            </Upload>
+            <div class="flex items-center cursor-pointer mt-8px" onClick={handleDownloadTemplate}>
+              <icon-download size="14" class="mr-4px !color-#6D4CFE" />
+              <span class="cts color-#6D4CFE">下载示例文档</span>
+            </div>
+          </div>
+        </FormItem>
+      );
+    };
+
+    const renderFormContent = () => {
+      if (isDefaultTask.value) {
+        if (isLink.value) {
+          return getLink();
+        }
+        if (isHandwrite.value) {
+          return getHandwrite();
+        }
+        if (isLocal.value) {
+          return getLocal();
+        }
+      }
+
+      if (isImportLoadingTask.value) {
+        return (
+          <div class="flex flex-col items-center justify-center rounded-8px bg-#F7F8FA h-208px">
+            <icon-loading size="48" class="!color-#6D4CFE mb-16px" />
+            <p class="tip !text-#768893">上传过程耗时可能较长，请耐心等待；</p>
+            <p class="tip !text-#768893">刷新页面将会终止本次数据的上传，请谨慎操作</p>
+          </div>
+        );
+      }
+
+      if (isImportFailedTask.value) {
+        return (
+          <div class="flex flex-col items-center justify-center rounded-8px bg-#F7F8FA h-208px">
+            <img src={icon1} class="w-80px h-80px mb-16px" />
+            <p class="text mb-4px">上传失败</p>
+            <p class="tip !text-#768893">可能是网络不稳定导致，请检查网络后重试～</p>
+          </div>
+        );
+      }
+
+      if (isImportSuccessTask.value) {
+        return (
+          <div class="flex flex-col  py-12px max-h-540px  rounded-8px bg-#F7F8FA">
+            <span class="tip mb-8px px-12px fs-14px !text-left">共 30 个内容稿件</span>
+            <div class="flex-1 overflow-y-auto overflow-x-hidden px-12px">
+              {new Array(20).fill(0).map((v) => (
+                <div class="rounded-8px bg-#fff px-8px py-8px flex justify-between items-center mt-8px">
+                  <div class="flex-1 overflow-hidden flex items-center mr-12px">
+                    <img width="32" height="32" class="rounded-3px  mr-8px" />
+                    <TextOverTips
+                      class="text"
+                      context="挖到宝了！这个平价好物让我素颜出门都自信✨挖到宝了！这个平价好物让我素颜出门都自信✨"
+                    />
+                  </div>
+                  <icon-delete
+                    size="16px"
+                    class="color-#737478 cursor-pointer hover:!color-#211F24"
+                    onClick={onDelete}
+                  />
+                </div>
+              ))}
+            </div>
+          </div>
+        );
+      }
+    };
+
+    const renderFooterBtn = () => {
+      if (isImportLoadingTask.value) {
+        return (
+          <Button type="primary" size="medium" onClick={onCancelUpload}>
+            取消上传
+          </Button>
+        );
+      }
+
+      const getConfirmBtn = () => {
+        if (isDefaultTask.value) {
+          return (
+            <Button type="primary" size="medium" onClick={onSubmit}>
+              {isHandwrite.value ? '复制链接' : '确认'}
+            </Button>
+          );
+        }
+        if (isImportFailedTask.value) {
+          return (
+            <Button type="primary" size="medium" onClick={onClose}>
+              重新上传
+            </Button>
+          );
+        }
+        if (isImportSuccessTask.value) {
+          return (
+            <Button type="primary" size="medium" onClick={goEdit}>
+              确认
+            </Button>
+          );
+        }
+      };
+
+      return (
+        <>
+          <Button size="medium" onClick={onClose}>
+            取消
+          </Button>
+          {getConfirmBtn()}
+        </>
+      );
+    };
+
+    const getTitle = () => {
+      if (isDefaultTask.value) {
+        return '上传内容稿件';
+      } else if (isImportSuccessTask.value) {
+        return '上传内容稿件列表';
+      } else {
+        if (isLink.value) {
+          return '链接上传';
+        }
+        if (isLocal.value) {
+          return '本地批量上传';
+        }
+      }
+    };
+
+    expose({ open });
+
+    return () => (
+      <Modal
+        v-model:visible={visible.value}
+        title={getTitle()}
+        modal-class="upload-manuscript-modal"
+        width="500px"
+        mask-closable={false}
+        unmount-on-close
+        onClose={onClose}
+        footer={!(isDefaultTask.value && isLocal.value)}
+        v-slots={{
+          footer: () => renderFooterBtn(),
+        }}
+      >
+        <Form ref="formRef" model={form.value} layout="horizontal" auto-label-width>
+          {isDefaultTask.value && (
+            <FormItem label="上传方式">
+              <RadioGroup v-model={uploadType.value}>
+                <Radio value="link">链接上传</Radio>
+                <Radio value="local">本地上传</Radio>
+                <Radio value="handwrite">手写上传</Radio>
+              </RadioGroup>
+            </FormItem>
+          )}
+
+          {renderFormContent()}
+        </Form>
+      </Modal>
+    );
+  },
+};
+</script>
+<style lang="scss">
+@import './style.scss';
+</style>
diff --git a/src/views/creative-generation-workshop/manuscript/manuscript-list/components/upload-manascript-modal/style.scss b/src/views/creative-generation-workshop/manuscript/manuscript-list/components/upload-manascript-modal/style.scss
new file mode 100644
index 0000000..494dff7
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript/manuscript-list/components/upload-manascript-modal/style.scss
@@ -0,0 +1,31 @@
+.upload-manuscript-modal {
+  .text {
+    color: var(--Text-1, #211f24);
+    text-align: center;
+    font-family: $font-family-regular;
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 22px;
+  }
+  .tip {
+    color: var(--Text-3, #737478);
+    text-align: center;
+    font-family: $font-family-regular;
+    font-size: 12px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 20px;
+  }
+  .upload-box {
+    display: flex;
+    height: 120px;
+    padding: 0 16px;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    border-radius: 2px;
+    border: 1px dashed var(--Border-1, #d7d7d9);
+    background: var(--BG-200, #f2f3f5);
+  }
+}
diff --git a/src/views/creative-generation-workshop/manuscript/manuscript-list/constants.ts b/src/views/creative-generation-workshop/manuscript/manuscript-list/constants.ts
index cf104c9..625fe79 100644
--- a/src/views/creative-generation-workshop/manuscript/manuscript-list/constants.ts
+++ b/src/views/creative-generation-workshop/manuscript/manuscript-list/constants.ts
@@ -1,9 +1,60 @@
 export const INITIAL_QUERY = {
-  name: '',
-  project_id: '',
-  number: '',
-  status: '',
-  published_at: [],
+  title: '',
+  project_ids: [],
+  uid: '',
+  audit_status: '',
+  created_at: [],
   sort_column: undefined,
   sort_order: undefined,
 };
+
+export enum EnumCheckStatus {
+  All = '',
+  Wait = 0,
+  Checking = 1, 
+  Passed = 2,
+}
+export enum EnumManuscriptType {
+  All = '',
+  Image = 1,
+  Video = 2,  
+}
+
+export const CHECK_STATUS = [
+  {
+    label: '全部',
+    value: EnumCheckStatus.All,
+  },
+  {
+    label: '待审核',
+    value: EnumCheckStatus.Wait,
+    backgroundColor: '#F2F3F5',
+    color: '#3C4043'
+  },
+  {
+    label: '审核中',
+    value: EnumCheckStatus.Checking,
+    backgroundColor: '#FFF7E5',
+    color: '#FFAE00'
+  },
+  {
+    label: '已通过',
+    value: EnumCheckStatus.Passed,
+    backgroundColor: '#EBF7F2',
+    color: '#25C883'
+  },
+];
+export const MANUSCRIPT_TYPE = [
+  {
+    label: '全部',
+    value: EnumManuscriptType.All,
+  },
+  {
+    label: '图片',
+    value: EnumManuscriptType.Image,
+  },
+  {
+    label: '视频',
+    value: EnumManuscriptType.Video,
+  },
+]
diff --git a/src/views/creative-generation-workshop/manuscript/manuscript-list/index.vue b/src/views/creative-generation-workshop/manuscript/manuscript-list/index.vue
index 4c7b29b..0ef2c83 100644
--- a/src/views/creative-generation-workshop/manuscript/manuscript-list/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/manuscript-list/index.vue
@@ -4,8 +4,10 @@
       <div class="top flex h-64px px-24px py-10px justify-between items-center">
         <p class="text-18px font-400 lh-26px color-#211F24 title">内容稿件列表</p>
         <div class="flex items-center">
-          <a-button type="outline" size="medium" class="mr-12px" @click="handleOpenAddProjectModal"> 分享内容稿件 </a-button>
-          <a-button type="primary" size="medium" @click="handleOpenAddProjectModal">
+          <a-button type="outline" size="medium" class="mr-12px" @click="handleOpenAddProjectModal">
+            分享内容稿件
+          </a-button>
+          <a-button type="primary" size="medium" @click="openUploadModal">
             <template #icon>
               <icon-plus size="16" />
             </template>
@@ -40,6 +42,7 @@
     </div>
 
     <DeleteManuscriptModal ref="deleteManuscriptModalRef" />
+    <UploadManuscriptModal ref="uploadManuscriptModalRef" />
   </div>
 </template>
 <script lang="jsx" setup>
@@ -48,10 +51,14 @@ import { Button } from '@arco-design/web-vue';
 import FilterBlock from './components/filter-block';
 import ManuscriptTable from './components/manuscript-table';
 import DeleteManuscriptModal from './components/manuscript-table/delete-manuscript-modal.vue';
+import UploadManuscriptModal from './components/upload-manascript-modal';
 
 import { useTableSelectionWithPagination } from '@/hooks/useTableSelectionWithPagination';
 import { getProjects } from '@/api/all/propertyMarketing';
-import { INITIAL_QUERY } from './constants';
+import {
+  INITIAL_QUERY,
+  EnumCheckStatus,
+} from '@/views/creative-generation-workshop/manuscript/manuscript-list/constants.ts';
 
 const { dataSource, pageInfo, onPageChange, onPageSizeChange, resetPageInfo } = useTableSelectionWithPagination({
   onPageChange: () => {
@@ -64,18 +71,46 @@ const { dataSource, pageInfo, onPageChange, onPageSizeChange, resetPageInfo } =
 const query = ref(cloneDeep(INITIAL_QUERY));
 const addManuscriptModalRef = ref(null);
 const deleteManuscriptModalRef = ref(null);
+const uploadManuscriptModalRef = ref(null);
 
 const getData = async () => {
-  const { page, page_size } = pageInfo.value;
-  const { code, data } = await getProjects({
-    ...query.value,
-    page,
-    page_size,
-  });
-  if (code === 200) {
-    dataSource.value = data?.data ?? [];
-    pageInfo.value.total = data.total;
-  }
+  dataSource.value = [
+    {
+      index: 1,
+      name: '内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1',
+      project_name: '内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1',
+      status: EnumCheckStatus.Wait,
+      budget: 1,
+      create_at: 1753682671,
+    },
+    {
+      index: 2,
+      name: '内容稿件2',
+      project_name: '内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1',
+      status: EnumCheckStatus.Checking,
+      budget: 2,
+      create_at: 1753682672,
+    },
+    {
+      index: 3,
+      name: '内容稿件3',
+      project_name: '内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1',
+      status: EnumCheckStatus.Passed,
+      budget: 1,
+      create_at: 1753682673,
+    },
+  ];
+  pageInfo.value.total = 3;
+  // const { page, page_size } = pageInfo.value;
+  // const { code, data } = await getProjects({
+  //   ...query.value,
+  //   page,
+  //   page_size,
+  // });
+  // if (code === 200) {
+  //   dataSource.value = data?.data ?? [];
+  //   pageInfo.value.total = data.total;
+  // }
 };
 const handleSearch = () => {
   reload();
@@ -98,6 +133,9 @@ const handleSorterChange = (column, order) => {
 const handleOpenAddProjectModal = () => {
   console.log('handleOpenAddProjectModal');
 };
+const openUploadModal = () => {
+  uploadManuscriptModalRef.value?.open();
+};
 
 const handleDelete = (item) => {
   const { id, name } = item;
@@ -114,5 +152,5 @@ provide('update', getData);
 </script>
 
 <style scoped lang="scss">
-@import "./style.scss"
+@import './style.scss';
 </style>
diff --git a/src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue b/src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue
index 7f0aa6e..028a821 100644
--- a/src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue
+++ b/src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue
@@ -308,7 +308,7 @@ const handleBatchImport = async () => {
     if (code === 200) {
       const id = genRandomId();
       showExportNotification(`正在导入“${file.value.name}”，请稍后...`, { id });
-      emit('startQueryTaskStatus', data.id, id);
+      emits('startQueryTaskStatus', data.id, id);
       onClose();
     } else {
       uploadStatus.value = UploadStatus.ERROR;